I did not expect this question to lead to two fantastic examples of new CSS features:

allow-discrete - transition between things like display:none and block

@‍starting-style - define the initial state before an element is transitioned to

These are so good! will cut out so much JS