.hero{color:var(--petal);background:radial-gradient(60% 55% at 72% 46%, #9a5f5b38, transparent 70%), radial-gradient(90% 60% at 50% 100%, #18100f73, transparent 70%), var(--cocoa);align-items:center;min-height:min(72svh,680px);display:grid;position:relative;overflow:hidden}.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(16px,3vw,48px);width:100%;padding-block:clamp(24px,5vh,56px);display:grid;position:relative}.hero-copy{z-index:1;grid-area:1/1;position:relative}.hero-stage{grid-area:1/2;height:clamp(340px,58svh,600px);position:relative}.hero-stage canvas{opacity:0;width:100%;height:100%;animation:fadeIn 1.6s .3s var(--ease) forwards;display:block}.hero-rail-fallback{width:min(80%,460px);color:var(--blush);margin:auto;position:absolute;inset:0}.hero .label{color:var(--blush);opacity:0;animation:rise 1s .5s var(--ease) forwards}.hero h1{max-width:11ch;margin:16px 0 20px;font-size:clamp(40px,5.4vw,80px)}.hero h1 .w{opacity:0;animation:rise 1.2s var(--ease) forwards;animation-delay:calc(.7s + var(--i) * .12s);display:inline-block;transform:translateY(.35em)}.hero p.lede{color:#f8f0ebdb;opacity:0;max-width:42ch;animation:rise 1s 1.5s var(--ease) forwards;margin:0 0 32px;font-size:clamp(16px,1.3vw,19px)}.hero .ctas{opacity:0;animation:rise 1s 1.7s var(--ease) forwards;flex-wrap:wrap;gap:14px;display:flex}@keyframes fadeIn{to{opacity:1}}@media (max-width:860px){.hero{align-items:start}.hero-inner{grid-template-columns:minmax(0,1fr);gap:4px;padding-block:4px 36px}.hero-copy,.hero-stage{grid-area:auto/1}.hero-stage{height:clamp(200px,32svh,320px)}.hero h1{max-width:11ch;margin:16px 0 20px}.hero p.lede{margin-bottom:32px}}@media (prefers-reduced-motion:reduce){.hero-stage canvas,.hero .label,.hero h1 .w,.hero p.lede,.hero .ctas{opacity:1;animation:none;transform:none}}