.hero{position:relative}.stage{height:calc(100vh - var(--hdr));height:calc(100svh - var(--hdr));background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px),linear-gradient(#f1f0ec,#e6e3dd);background-size:48px 48px,48px 48px,100% 100%;min-height:620px;max-height:940px;position:relative;overflow:hidden}#scene{width:100%;height:100%;position:absolute;inset:0}.hero-card{z-index:3;max-width:min(560px,100% - 40px);position:absolute;top:clamp(18px,4vh,46px);left:max(20px,50vw - 590px)}.hero-card .eyebrow{margin-bottom:12px}.hero-card h1{margin-bottom:14px;font-size:clamp(38px,5.6vw,74px)}.hero-card h1 em{color:var(--red);font-style:normal}.step-line{font:600 clamp(17px,1.6vw,21px)/1.35 var(--body);color:var(--ink-2);max-width:40ch;min-height:2.7em}.chips{flex-wrap:wrap;gap:8px;margin:14px 0 0;display:flex}.chip{font:700 14px/1 var(--head);letter-spacing:.12em;text-transform:uppercase;border:2px solid var(--line);color:var(--steel);background:#ffffff8c;padding:8px 11px;transition:all .25s}.chip.on{background:var(--red);border-color:var(--red);color:#fff}.chip.done{border-color:var(--ink);color:var(--ink)}.hero-cta{opacity:0;pointer-events:none;flex-wrap:wrap;gap:12px;margin-top:18px;transition:all .4s;display:flex;transform:translateY(8px)}.hero-cta.show{opacity:1;pointer-events:auto;transform:none}.hb-btn{z-index:4;font:700 15px/1 var(--head);letter-spacing:.12em;text-transform:uppercase;background:var(--paper);color:var(--ink);border:2px solid var(--ink);cursor:pointer;border-radius:2px;align-items:center;gap:8px;min-height:44px;padding:11px 14px;transition:opacity .4s,background .2s,color .2s;display:inline-flex;position:absolute;top:14px;right:max(20px,50vw - 590px)}.hb-btn:hover{background:var(--ink);color:#fff}.hb-btn svg{width:17px;height:17px}#hb-replay{opacity:0;pointer-events:none}.is-done #hb-replay{opacity:1;pointer-events:auto}#hb-skip{opacity:0;pointer-events:none}.is-playing #hb-skip{opacity:1;pointer-events:auto}@media (width<=760px){.stage{min-height:600px}.hero-card h1{font-size:clamp(30px,9.5vw,44px)}.hero-card .eyebrow{font-size:12px}.step-line{min-height:2.6em;font-size:16px}.chip{padding:7px 8px;font-size:12px}.hb-btn{min-height:40px;padding:9px 11px;font-size:13px;top:auto;bottom:10px;right:10px}}