Triptych Waitlist Hero

You are a senior front-end engineer building a waitlist hero composed as a **triptych**: one continuous hand-drawn SVG mountain-sunset scene split across three tall panels, with a dark product capsule floating at the center panel's horizon and a single giant word anchored across the panels' lower right (visual hook: the scene is the interface — copy lives inside and across the artwork, not above it).

Near-black stage, max-w-6xl. Slim header row: lowercase wordmark left; Log in + white Join pill right. The triptych: three rounded-[22px] panels (430px tall, 0.75rem gaps) — left panel carries the product sentence + a small white join pill at its base; center panel carries the sun and the floating capsule; the giant headline word (74px extrabold) overlaps the right panels' bottom edge, with a small serif-italic rider beneath it. A mono footer strip closes: waitlist count / launch season / platforms.

Giant word: Inter extrabold 74px, letter-spacing -0.03em. Rider: Georgia italic 11px muted. Panel copy: Inter 11px at 75% white. Footer: JetBrains Mono 10.5px, letter-spacing 0.2em, uppercase.

Section padding 3rem; panels 430px desktop; giant word offset right 6px / bottom 16px relative to the triptych.

Panels fade up in sequence (0.55s stagger, cubic-bezier(0.16,1,0.3,1)); the capsule floats ±6px on a 6s ease-in-out loop; the giant word rises last with a soft settle. Hovering a panel warms its sky gradient by 6% lightness.

Below md: panels stack (each 260px), the giant word becomes a normal block under the stack (no overlap), the rider follows it; header actions stay.

Brand: .alder (fictional calm workspace app). Word: "Uncluttered." Rider: "So you don't have to be." Panel copy: "One calm home for your mail, projects and notes — sorted before you wake." Footer: "Waitlist · 4,208 in line · Launching spring 2027 · Mac · Windows · iOS". All names and figures are fictional sample copy.