.reveal{opacity:0; transform:translateY(16px); will-change:transform,opacity}
.reveal.is-in{opacity:1; transform:none; transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease)}
.reveal-x{transform:translateX(-16px)}
.reveal-delay-1{transition-delay:120ms}
.reveal-delay-2{transition-delay:240ms}
.page-transition{position:fixed; inset:0; background:#fff; pointer-events:none; transform:translateY(100%)}
.page-transition.is-enter{transform:translateY(0); transition:transform 380ms var(--ease)}
.page-transition.is-leave{transform:translateY(100%); transition:transform 420ms var(--ease)}