.hero-copy h1{min-height:3.15em;font-size:clamp(3.3rem,5.8vw,5.8rem)}
.hero-intro{min-height:5em}.hero-world{margin-left:0;margin-right:-32px}
.hero-stage{padding-top:0}.hero-scene-label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 24px;color:var(--muted);min-height:36px}
.scene-index{font:12px var(--mono);letter-spacing:.12em}.hero-motion{font:12px var(--body, sans-serif);border:1px solid #d7dfe7;border-radius:30px;padding:7px 12px;background:#ffffffa6;color:var(--muted);cursor:pointer;min-height:34px}.hero-motion:hover{background:white;color:var(--blue)}
.hero-canvas-wrap{position:relative;aspect-ratio:1.25;width:100%;isolation:isolate}#hero-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;transition:opacity .4s}.scene-ready #hero-canvas{opacity:1}
.hero-fallback{position:absolute;inset:0;display:grid;place-items:center}.hero-fallback[hidden],.hero-fallback [hidden]{display:none!important}.hero-fallback img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.hero-fallback-cloud{margin:35px;background:#edf3fc;border:1px solid #bfd0e7;padding:35px;border-radius:14px;text-align:center}.hero-fallback-cloud strong{font:500 25px var(--display);color:var(--blue)}.hero-fallback-cloud p{font-size:16px;margin-top:16px}
.hero-scene-labels{position:absolute;inset:0;pointer-events:none;opacity:0}.scene-ready .hero-scene-labels{opacity:1}.hero-anchor{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;font-size:12px;font-weight:500;border:1px solid #d8e0e9;border-radius:5px;background:#ffffffed;padding:6px 9px;box-shadow:0 6px 20px #173a6c09;color:var(--ink)}.hero-anchor:nth-child(2){background:var(--blue);color:var(--on-color);border-color:#1464ed}.hero-anchor:nth-child(3){color:var(--muted);font-size:11px;background:oklch(0.975 0.005 90 / .9)}
.hero-story{margin:-10px 28px 0;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;row-gap:5px;padding:15px 18px;border:1px solid #dce3e8;border-radius:9px;background:#fff9;position:relative}.hero-story-person{grid-row:span 2;color:var(--blue);font:12px var(--mono);padding-right:12px;border-right:1px solid #dce3e8}.hero-story p{font-size:14px;color:var(--ink);margin:0;line-height:1.5}.hero-story-step{font-size:12px;color:var(--muted)}.world-description{font-size:14px;line-height:1.55;min-height:44px;max-width:490px}.world-controls{margin-top:20px}.world-choice{white-space:nowrap;padding:11px 17px;font-size:14px;min-height:44px}
@media(min-width:1600px){.hero-copy h1{font-size:96px}}
@media(max-width:1000px){.hero-world{margin-right:-15px}.hero-copy h1{font-size:clamp(3rem,6.4vw,4.7rem)}.hero-anchor{font-size:11px;padding:5px 7px}.hero-anchor:nth-child(3){display:none}.hero-story{margin-inline:8px;padding:12px}.hero-story p{font-size:13px}.world-choice{padding:10px 12px;font-size:13px}.hero-scene-label{padding-inline:15px}.world-description{font-size:13px}.hero-intro{min-height:6em}}
@media(max-width:760px){.hero-copy h1{font-size:clamp(3rem,11vw,5rem);min-height:3.1em}.hero-intro{min-height:4.8em}.hero-world{margin:25px -8px 0}.hero-canvas-wrap{aspect-ratio:1.3}.hero-scene-label{padding-inline:15px}.hero-anchor{font-size:12px}.hero-story{margin:-3px 14px 0}.hero-story p{font-size:14px}.world-controls{margin-top:18px}.world-choice{padding:11px 17px;font-size:14px}.world-description{font-size:14px}.hero{padding-bottom:40px}}
@media(max-width:380px){.world-choice{padding:10px 12px;font-size:13px}.hero-story{margin-inline:7px;padding:12px}.hero-story p{font-size:13px}.scene-index{font-size:11px}.hero-anchor{font-size:11px}}
@media(prefers-reduced-motion:reduce){#hero-canvas{transition:none}}

.hero-anchor small{display:block;font-size:11px;font-weight:400;color:inherit;opacity:.85;margin-top:2px}.hero-anchor:nth-child(2){text-align:center;line-height:1.35;padding:7px 12px}.hero-scene-labels .hero-anchor:nth-child(3){background:oklch(0.975 0.005 90 / .87);border-color:transparent;box-shadow:none}