REPRODUCIBLE MOTION REVIEW
See the pause
in motion.
Open these scenes on the live site. Scroll in both directions to review the authored PEHAR choreography.
The opening
A drawn cup symbol, rising steam, expanding reveal, cup entrance and clipped headline. Plays once per tab; Skip intro, a scroll action or reduced motion resolves it immediately.
Replay the opening ↗The continuous cup story
On desktop, slowly scroll from the hero through five phases: cup, tea and spices, ginger and cinnamon, a separate serving illustration, then the collection handoff. Reverse your scroll to see the transforms return.
Go to the cup story ↗Six blends, one scene
Try all six names, arrows, arrow keys and touch swipes. Cup liquid, tin, ingredients, background, copy, price and product route change together. Rapid clicks resolve to the latest selection.
Explore the collection ↗The brewing cards
Scroll through four rotating cards, then scroll upward. The four numbered controls jump to each stage. Only the active illustration animates. On mobile and reduced motion, every card is stacked and readable.
Watch the ritual ↗A gift, opened
Use Preview the gift to lift the lid, then choose two blends and add a note in the gift panel.
Open a shared pause ↗
Implementation notes
The cup uses an original layered image, not an interactive 3D model. The serving and brewing scenes are original animated vector illustrations. The cup scene needs no WebGL. Ambient motion can be paused with the persistent control. System reduced-motion preferences remove pinning, rotation, parallax and continuous loops.
Live reference motion and browser interaction QA were unavailable in the build environment. The animation is based on the authored prompt, not a measured reproduction. Source checks, route generation, product data and bag calculations are checked separately.