'/%3E%3Crect width='1600' height='1000' fill='url(%23h)'/%3E%3Cg transform='translate(1080 250)'%3E%3Cpath d='M70 40 L330 40 L300 620 Q296 700 220 700 L180 700 Q104 700 100 620 Z' fill='url(%23t)' opacity='.96'/%3E%3Crect x='40' y='16' width='320' height='40' rx='20' fill='%23f4e6cf' opacity='.9'/%3E%3Cg fill='%231c0f05' opacity='.5'%3E%3Ccircle cx='150' cy='612' r='24'/%3E%3Ccircle cx='214' cy='636' r='22'/%3E%3Ccircle cx='268' cy='606' r='20'/%3E%3Ccircle cx='188' cy='578' r='19'/%3E%3Ccircle cx='250' cy='566' r='17'/%3E%3C/g%3E%3C/g%3E%3Cg fill='%23150a03' opacity='.42'%3E%3Ccircle cx='300' cy='840' r='72'/%3E%3Ccircle cx='452' cy='892' r='54'/%3E%3Ccircle cx='196' cy='918' r='44'/%3E%3C/g%3E%3C/svg%3E)
Open at seven · Sunnyvale
Warm light, fresh pour.
House-brewed brown-sugar boba, stone-ground matcha, and single-origin drip — pulled to order the moment the doors open, and the lights come up.
Open at seven · Sunnyvale
House-brewed brown-sugar boba, stone-ground matcha, and single-origin drip — pulled to order the moment the doors open, and the lights come up.
hero-gradient-reveal is the first-view opening moment: the scene sits cold and dim, then a warm gradient wash sweeps across on load — a diagonal clip edge receding with it — so the headline clip-reveals and the image warms up together, like stage lights coming up. It runs once, in pure CSS, then does nothing. Everything under it is where the other moves live; this filler exists so the demo page scrolls.