/* WYW — landing page styles: loader, hero scroll story, how-it-works, queue banners + "no more" story. Loads after base.css. */ :root { --phone-h: min(90svh, 182vw); --phone-ratio: 0.472; /* width / height, iPhone-ish */ --screen-w: calc(var(--phone-h) * var(--phone-ratio)); --phone-radius: clamp(28px, 6.2svh, 54px); } body { background: var(--green); color: var(--cream); } /* The page ends on the green band, so the CANVAS has to be green too. If the viewport is ever taller than the document — iOS retracting its chrome at max scroll, or a rubber-band overscroll at the bottom — the strip that opens below the footer is painted by the canvas, and the footer's own sheet is PAPER. Setting it on stops 's background being the thing that propagates and pins the answer to green either way. Reported 2026-08-09 as a band of page texture below the footer on iPhone. */ html { background: var(--green); } /* ---------- Loader ---------- */ /* HIDDEN BY DEFAULT (2026-08-10). The loader used to be visible from the first byte and removed only by main.js — so if GSAP, ScrollTrigger or main.js failed to load or parse, JavaScript was still "on" (so