Tier 1 · Micro-interactions · native animation-timeline: view()

Scroll down. A specular shine blade sweeps each card — and a light slides across the heading — driven purely by CSS animation-timeline: view(). No JS on the fast path. Scroll back up and the shine reverses.

On the board

Fresh from the bar

Taro Milk Tea

$5.75

Stone-ground taro, house milk, chewy pearls.

Matcha Latte

$6.25

Ceremonial matcha, oat milk, light honey.

Brown Sugar Boba

$6.50

Caramelised brown sugar, fresh milk, warm pearls.

Past the shine, the rest of the site continues below.