.home-direction .sl-scene{position:relative;z-index:0;isolation:isolate}
.sl-backdrop{position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse 72% 64% at var(--gx,69%) var(--gy,50%),#0f2a55 0,#071430 46%,#030918 78%)}
.sl-canvas{position:fixed;inset:0;z-index:-1;display:block;width:100%;height:100%}
.sl-scene.is-away .sl-backdrop,.sl-scene.is-away .sl-canvas{visibility:hidden}
.home-direction .section--stations{display:block;height:600svh;min-height:0;padding:0}
.st-stage{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden}

.st-head{position:absolute;z-index:3;left:var(--pad);top:50%;width:min(44vw,760px);opacity:var(--head,1);transform:translateY(calc(-50% - (1 - var(--head,1)) * 36px))}
.st-kicker{display:flex;align-items:center;gap:1.1rem;margin:0;font:400 var(--hs-mono,.72rem)/1.4 'Courier New',monospace;letter-spacing:.16em;text-transform:uppercase;color:#9fbedf}
.st-kicker::after{content:"";flex:1;max-width:120px;height:1px;background:#8dafd54d}
.st-head h2{margin:1.6rem 0 0;font-size:clamp(3rem,4.9vw,6.2rem);font-weight:500;line-height:.94;letter-spacing:-.065em;color:#f3f7ff}
.st-head h2 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.05em;color:#acd4fc}
.st-intro{max-width:28rem;margin:1.8rem 0 0;font-size:clamp(1rem,.62rem + .5vw,1.25rem);line-height:1.6;letter-spacing:-.015em;color:#a9bdd6}

.st-lines{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;overflow:visible;opacity:var(--la,0)}
.st-lines line{stroke:#acd4fc;stroke-width:1;stroke-opacity:.75}
.st-lines circle{fill:#acd4fc}
.st-dots{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:var(--steps,0)}
.st-dot{position:absolute;left:0;top:0;display:grid;place-items:center;width:28px;height:28px;margin:-14px 0 0 -14px;border:1px solid #acd4fc80;border-radius:50%;background:#030918;font:400 .62rem/1 'Courier New',monospace;letter-spacing:.02em;color:#cfe4ff;transition:background .35s,color .35s,border-color .35s,box-shadow .35s}
.st-dot.is-on{border-color:#eaf5ff;background:#eaf5ff;color:#071330;box-shadow:0 0 0 6px #acd4fc1f}

.st-card{position:absolute;z-index:3;left:0;top:0;width:min(31vw,440px);padding:clamp(1.3rem,1.7vw,2rem);border:1px solid #8dafd538;border-radius:6px;background:#06102af2;box-shadow:0 30px 80px -40px #000;opacity:var(--a,0);visibility:var(--v,hidden);will-change:transform,opacity}
.st-card__top{display:flex;align-items:baseline;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #8dafd52e;font:400 var(--hs-mono,.72rem)/1.3 'Courier New',monospace;letter-spacing:.14em;text-transform:uppercase;color:#9fbedf}
.st-card__n{color:#acd4fc}
.st-card h3{margin:1.4rem 0 0;font-size:clamp(1.9rem,2.5vw,3rem);font-weight:500;line-height:.98;letter-spacing:-.05em;color:#f3f7ff}
.st-card h3 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.035em;color:#acd4fc}
.st-card__copy{margin:1.1rem 0 0;font-size:clamp(.98rem,.8rem + .3vw,1.15rem);line-height:1.6;letter-spacing:-.015em;color:#a9bdd6}
.st-card__list{counter-reset:st;display:grid;margin:1.3rem 0 0;padding:0;list-style:none;border-top:1px solid #8dafd52e}
.st-card__list li{counter-increment:st;display:flex;justify-content:space-between;gap:1rem;padding:.62rem 0;border-bottom:1px solid #8dafd52e;font:400 var(--hs-mono,.72rem)/1.3 'Courier New',monospace;letter-spacing:.1em;text-transform:uppercase;color:#d6e4f7}
.st-card__list li::after{content:counter(st,decimal-leading-zero);color:#6f8fb4}
.st-card__note{display:flex;gap:.7rem;margin:1.2rem 0 0;font-size:clamp(.9rem,.78rem + .2vw,1.02rem);line-height:1.5;color:#edf6ff}
.st-card__note::before{content:"↳";color:#acd4fc}

.st-bottom{position:absolute;z-index:3;left:var(--pad);right:var(--pad);bottom:4.5%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1.4rem;border-top:1px solid #8dafd52b;font:400 var(--hs-mono,.62rem)/1 'Courier New',monospace;letter-spacing:.09em;color:#7794b7;opacity:calc(var(--steps,0) * var(--hud,1))}
.st-track{display:flex;align-items:center;gap:.9em;color:#86a8ca}
.st-track__now{color:#e8f3ff}
.st-track i{position:relative;display:block;width:clamp(60px,6vw,120px);height:1px;background:#8daed22b;overflow:hidden}
.st-track i::after{content:"";position:absolute;inset:0;background:#acd7ff;transform-origin:left;transform:scaleX(var(--track,0))}

.st-portal{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none;visibility:var(--pv,hidden)}
.st-portal__card{position:relative;width:min(27vw,360px);aspect-ratio:3/4.05;border-radius:24px;background:radial-gradient(ellipse 80% 70% at 50% 46%,#0f2a5540,#040b1d8c 78%);box-shadow:0 50px 110px -50px #000;opacity:var(--pa,0);transform:scale(calc(.88 + var(--pa,0) * .12 + var(--pz,0) * var(--pz,0) * 7));will-change:transform,opacity}
.st-portal__card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:#061022;opacity:calc((var(--pz,0) - .82) * 5.6)}
.st-portal__card::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1.5px #ffffff2b;opacity:calc(1 - var(--pz,0) * 1.8)}
.st-portal__tag,.st-portal__num,.st-portal__foot{opacity:calc(1 - var(--pz,0) * 2.5)}
.st-portal__tag{position:absolute;left:14px;top:14px;padding:5px 14px;border-radius:999px;background:#0c0e14a8;color:#ffffffe0;font-size:var(--hs-label,.72rem);font-weight:500;white-space:nowrap}
.st-portal__num{position:absolute;right:18px;top:15px;font-size:1.05rem;color:#ffffff73}
.st-portal__foot{position:absolute;left:18px;right:18px;bottom:16px;padding-top:.8rem;border-top:1px solid #ffffff1f;font:400 var(--hs-mono,.62rem)/1 'Courier New',monospace;letter-spacing:.14em;color:#9fbedf}
.st-portal__above{position:absolute;left:var(--pad);right:var(--pad);top:calc(50% - min(27vw,360px) * .675 - 3.2rem);margin:0;text-align:center;font:400 var(--hs-mono,.7rem)/1.4 'Courier New',monospace;letter-spacing:.18em;text-transform:uppercase;color:#9fbedf;opacity:calc(var(--pa,0) * (1 - var(--pz,0) * 3))}

@media(max-width:1000px) and (orientation:portrait){.st-head{left:var(--pad);right:var(--pad);top:auto;bottom:calc(80px + 6vh);width:auto;max-width:640px;transform:translateY(calc((1 - var(--head,1)) * -30px))}
.st-card{left:var(--pad)!important;right:var(--pad);top:auto!important;bottom:calc(80px + 5vh);width:auto;max-width:620px;transform:translateY(calc((1 - var(--a,0)) * 20px))!important}
.st-portal__card{width:min(52vw,360px)}
.st-portal__above{top:calc(50% - min(52vw,360px) * .675 - 3.2rem)}}
@media(max-width:700px){.home-direction .section--stations{height:560svh}
.st-head{bottom:calc(64px + 4vh)}
.st-head h2{font-size:clamp(2.5rem,11.5vw,3.6rem);margin-top:1.1rem}
.st-intro{margin-top:1.1rem;font-size:1rem}
.st-card{bottom:calc(64px + 3vh);padding:1.15rem 1.2rem}
.st-card h3{margin-top:1rem;font-size:clamp(1.7rem,7.6vw,2.3rem)}
.st-card__copy{margin-top:.8rem;font-size:.98rem}
.st-card__list{margin-top:.9rem}
.st-card__list li{padding:.48rem 0}
.st-card__note{display:none}
.st-bottom{bottom:3%;padding-top:.9rem}
.st-bottom>span:first-child{display:none}
.st-bottom .st-track{margin-left:auto}
.st-portal__card{width:62vw}
.st-portal__above{top:calc(50% - 62vw * .675 - 3rem);letter-spacing:.12em}}
@media(max-width:700px) and (max-height:760px){.st-card__list{display:none}
.st-intro{display:none}}
@media(max-width:700px){.home-direction .section--work{margin-top:-40vh}}
@media(prefers-reduced-motion:reduce){.st-dot{transition:none}}
body.home-direction{overflow-x:clip}