.hero-scene{position:relative}
.hero-scene.is-pinned{height:calc(var(--hero-height) + var(--hero-distance))}
.is-pinned .hero{position:sticky;top:0;height:var(--hero-height);min-height:0}
.hero-story-ready .hero-main h1{position:relative}
.hero-title-deck{display:grid!important;color:var(--ink)!important}
.hero-title-frame{grid-area:1/1;display:block;opacity:0;pointer-events:none}
.hero-title-frame:first-child{opacity:1}
.hero-title-frame>span{display:block;white-space:nowrap}
.hero-title-frame>span:last-child{color:var(--mint)}
.hero-title-frame:last-child{font-size:.94em}
.hero-copy-deck{display:grid}
.hero-copy-frame{grid-area:1/1;opacity:0;pointer-events:none}
.hero-copy-frame:first-child{opacity:1}
.hero-copy-frame strong{font-weight:500;color:var(--ink)}
.hero-story-nav{display:flex;align-items:center;gap:8px;margin-top:24px}
.hero-story-nav button{position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);font:12px 'Courier New',monospace;transition:color .2s,border-color .2s,background .2s}
.hero-story-nav button:hover{background:#ffffff0a;color:var(--ink)}
.hero-story-nav button[aria-current="step"]{color:var(--bg);border-color:var(--mint);background:var(--mint)}
.hero-story-hint{margin-left:auto;color:var(--muted);font:11px/1.5 'Courier New',monospace}
.hero-story-ready .hero-aside{gap:22px}
.hero-story-ready .flow-art{max-width:520px}
.hero-story-ready .flow-label .flow-status{font-size:12px}
.hero-story-ready .hero-copy{min-width:0}
.hero-story-ready .flow-node-labels text{opacity:.35}
.hero-story-ready .flow-node-labels text.is-reached{opacity:1;fill:var(--mint)}
.hero-story-ready .flow-nodes circle.is-active{stroke-width:2.5;fill:#385345}
.is-pinned .hero-trust{padding-top:22px}
@media(min-width:901px) and (max-height:850px){
 .is-pinned .hero{padding-top:125px;padding-bottom:18px}
 .is-pinned .hero-main h1{font-size:clamp(66px,6.8vw,92px);margin:24px 0 25px}
 .is-pinned .hero-aside{padding-top:0;padding-bottom:0;gap:18px}
 .is-pinned .flow-art{max-width:440px}
 .is-pinned .flow-art svg{max-height:200px}
 .is-pinned .hero-copy{font-size:16px;line-height:1.65}
 .is-pinned .hero-story-nav{margin-top:10px}
 .is-pinned .hero-trust{padding-top:14px}
}
@media(max-width:900px){
 .hero-story-ready .hero-grid{gap:24px}
 .hero-story-ready .hero-title-frame:last-child{font-size:.86em}
 .hero-story-nav{gap:6px;flex-wrap:wrap;margin-top:16px}
 .hero-story-hint{font-size:10px}
 .hero-story-ready .flow-label .flow-status{font-size:11px}
}
@media(max-width:600px){
 .hero-story-ready .hero-title-frame:last-child{font-size:.96em}
 .is-pinned .hero{padding-top:103px;padding-bottom:12px}
 .is-pinned .hero-label{font-size:10px;line-height:1.5;max-width:100%;gap:9px}
 .is-pinned .hero-grid{display:flex;flex-direction:column;gap:0;flex:1;justify-content:space-evenly}
 .is-pinned .hero-main,.is-pinned .hero-aside{display:contents}
 .is-pinned .hero-main h1{order:0;font-size:clamp(42px,12.1vw,56px);margin:14px 0 8px;line-height:1.02}
 .is-pinned .flow-art{order:1;padding:0;margin:0;max-width:none}
 .is-pinned .flow-art svg{height:140px;margin:-7px auto;width:100%}
 .is-pinned .flow-caption{display:none}
 .is-pinned .hero-copy{order:2;font-size:16px;line-height:1.6;margin-top:8px}
 .is-pinned .hero-actions{order:3;gap:12px;margin-top:16px}
 .is-pinned .hero-actions>.button{min-height:48px;font-size:12px;padding:12px 18px}
 .is-pinned .hero-actions .quiet-link{font-size:12px}
 .is-pinned .hero-story-nav{margin-top:0;gap:7px}
 .is-pinned .hero-story-nav button{min-height:36px;min-width:36px;padding:5px;font-size:11px}
 .is-pinned .hero-story-hint{max-width:95px;font-size:10px;text-align:right}
 .is-pinned .hero-trust{padding-top:12px;font-size:10px;line-height:1.6}
 .is-pinned .hero-trust>a{width:36px;height:36px;font-size:20px}
 .is-pinned .flow-node-labels{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.hero-story-nav button{transition:none}}

.hero-story-ready .flow-art{pointer-events:auto}
