How it behaves
Exactly what the prompt builds — every timing and easing is specified, so the result matches the demo.
- Every panel is at least 100vh tall, with its own background color. Later panels sit above earlier ones (z-index = order).
- Panel 2, 3, 4…: their inner content starts rotated 30° around the bottom-left corner and rotates to 0° as the panel travels from the bottom of the viewport (top bottom) to 25% from the top (top 25%). The rotation is scrubbed — tied 1:1 to scroll, no easing.
- Every panel except the last pins from bottom bottom to bottom top without adding spacing, so the next panel slides over it instead of pushing it.
- Reduced motion: no rotation, no pinning — the panels simply scroll as normal sections.