How it behaves
Exactly what the prompt builds — every timing and easing is specified, so the result matches the demo.
- Flip book: the frames swap every 500ms and loop forever. All frames are preloaded so the swap never flashes.
- Pin: the section sticks for 2 screen heights. Progress runs 0 to 1 and follows the scrollbar directly.
- Grow: the card scales from 0.75 to 1 across the whole pin. Its corner radius goes from 32px to 0 in the first half.
- Sound button: a 104px circle in the page colour, centered on the reel, with a speaker icon (crossed out when muted). Clicking it plays or mutes the looping soundtrack. It starts muted, so the browser allows autoplay. Without an audio source the button is hidden.
- Under 1000px: no pin and no growth. The card is full size with no rounding, and the flip book still plays.
- Fallbacks: reduced motion shows the first frame only and skips the growth.