/* Native horizontal exploration; this chapter takes ordinary vertical space. */
.reactor-introduction{position:relative;padding:58px 7% 16px;background:#fff}
.reactor-introduction .section-kicker{margin-bottom:28px}
.reactor-introduction h2{font-size:clamp(36px,4.2vw,62px);line-height:1.08;letter-spacing:-.05em;font-weight:400;margin:0 0 25px;max-width:1000px}
.reactor-introduction .section-copy{max-width:720px}
.reactor-track{position:relative;background:#fff;padding-bottom:40px;overflow-anchor:none;scroll-margin-top:110px!important}
.reactor-rail{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--accent) #e9eeeb;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-behavior:auto}
.reactor-runway{width:calc(var(--rail-width,100vw) * 6);position:relative}
.reactor-pin{position:sticky;left:0;width:var(--rail-width,100vw);height:min(760px,85svh);min-height:560px;overflow:hidden;background:#fff}
.reactor-copy{position:absolute;z-index:2;left:7%;top:45px;width:29%;pointer-events:none}
.reactor-copy h2{font-weight:400;letter-spacing:-.055em;font-size:clamp(38px,4.2vw,66px);line-height:1.06;margin:0 0 24px;max-width:450px}
.reactor-copy .section-copy{font-size:15px;line-height:1.7;max-width:270px}
.reactor-stage-number{display:block;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);margin-bottom:24px;font-variant-numeric:tabular-nums}
#reactor-canvas{position:absolute;left:37%;right:3%;top:0;bottom:10px}
#reactor-canvas canvas,.reactor-poster,.reactor-poster img{width:100%;height:100%;object-fit:contain;display:block}
.reactor-ready .reactor-poster{display:none}
.reactor-footer{position:relative;margin:0 7%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dfe4e3;padding-top:10px;font-size:10px;color:#68716d}
.reactor-chapters{display:flex;gap:25px;text-transform:uppercase;letter-spacing:1.4px}
.reactor-chapters button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;padding:12px 0;min-height:44px;min-width:44px;background:transparent;border:0;cursor:pointer;position:relative;white-space:nowrap}
.reactor-chapters button.active{color:var(--accent)}
.reactor-chapters button.active::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor}
.reactor-chapters button:hover{color:var(--accent)}
.reactor-chapters button:focus-visible,.reactor-rail:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.reactor-chapters button:disabled{cursor:default;opacity:.55}
.reactor-scroll-cue{margin:0;font-size:11px;line-height:1.6;text-align:right}
.reactor-scroll-cue span{color:var(--accent);margin-left:9px}
.reactor-rule{position:absolute;left:0;top:-1px;right:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left}
#reactor-status{position:absolute;bottom:25px;left:7%;font-size:11px;color:#68716d;max-width:230px;line-height:1.6}
.reactor-reduced .reactor-rail,.reactor-fallback .reactor-rail{overflow:hidden}
@media(max-width:760px){
 .reactor-introduction{padding:38px 28px 12px}.reactor-introduction h2{font-size:36px;margin-bottom:20px}.reactor-introduction .section-kicker{margin-bottom:24px}
 .reactor-pin{height:640px;min-height:0}.reactor-copy{left:28px;top:22px;width:calc(100% - 56px)}
 .reactor-stage-number{font-size:9px;margin-bottom:9px}.reactor-copy h2{font-size:clamp(26px,8.3vw,33px);line-height:1.05;margin-bottom:10px;max-width:none}
 .reactor-copy .section-copy{font-size:12px;line-height:1.5;max-width:310px}
 #reactor-canvas{left:12px;right:12px;top:calc(var(--reactor-copy-bottom,225px) + 20px);bottom:0}
 .reactor-footer{margin:0 28px;display:block;padding-top:3px}.reactor-chapters{gap:18px;width:100%;justify-content:space-between;font-size:9px}.reactor-chapters button{letter-spacing:.7px}
 .reactor-scroll-cue{text-align:left;font-size:10px;margin-top:8px}#reactor-status{left:28px;bottom:20px;font-size:10px}
}
@media(max-width:360px){.reactor-pin{height:660px}.reactor-chapters{gap:10px;font-size:8px}}
@media(orientation:landscape) and (max-height:520px){.reactor-pin{height:500px;min-height:0}.reactor-copy{top:25px;width:29%}.reactor-copy h2{font-size:28px}.reactor-copy .section-copy{font-size:11px}.reactor-stage-number{margin-bottom:12px}#reactor-canvas{left:38%;right:3%;top:0;bottom:0}}