Motion
Reveal & PageTransition
Everything is gated on the .motion class — with prefers-reduced-motion content appears instantly.
Reveal — directions
up
Enters from below.
left
Enters from the left.
right
Enters from the right.
Reveal — stagger
One — children animate 0.12s apart
Two — children animate 0.12s apart
Three — children animate 0.12s apart
Four — children animate 0.12s apart
PageTransition
First pane — fades and lifts in.
Apps wrap their routed content once; every navigation gets this entrance.
SmoothScroll
Exported but not mounted here — it takes over document scrolling (Lenis) and belongs to immersive pages like the marketing site. Sections opt into soft snap points with data-snap.