Tier 2 · GSAP ScrollTrigger pin + scrub · 3D / WebGL (CSS-3D)

The whole menu, on a wheel that faces you.

Scroll. The dishes are spokes around a flat circular ring; the wheel rotates as the scene pins, and whichever dish reaches the top grows largest and brightest — each stays upright the whole way around (a per-item counter-rotate).

Keep scrolling to spin the wheel ↓

Face-on wheel · rotate + counter-rotate · scrub 1.1 · front dish largest

One ScrollTrigger pins the stage and scrubs a --spin custom property from 0 to 360deg (ease none, scrub 1.1); each dish sits at rotate(--a + --spin) translateY(-R) and counter-rotates back so it stays upright, brightening + growing as it fronts the top. On a phone or under reduced-motion the dishes are a plain scrollable card row — GSAP never loads.