.walk{height:500vh;position:relative;background:var(--night)}
.walk-pin{position:sticky;top:0;height:100svh;overflow:hidden}
.walk-gl{position:absolute;inset:0}
.walk-gl canvas{display:block;width:100%!important;height:100%!important}
.walk-pin:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 55%,rgba(11,12,10,.75)),linear-gradient(0deg,rgba(11,12,10,.7),transparent 30%)}
.walk-load{position:absolute;inset:0;z-index:3;display:grid;place-content:center;justify-items:center;gap:10px;background:var(--night);transition:opacity 1.2s var(--ease),visibility 1.2s}
.walk.ready .walk-load{opacity:0;visibility:hidden}
.walk-load b{font-size:18px;font-weight:600;margin-top:12px}
.walk-load small{color:var(--muted);font-size:13px}
.walk-ring{width:74px;height:74px;display:grid;place-items:center}
.walk-ring i{width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.12);border-top-color:var(--green);animation:spin 1.1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.walk-intro{position:absolute;left:var(--gut);bottom:16vh;z-index:2;max-width:640px}
.walk-intro h1{font-size:clamp(56px,9vw,150px);line-height:.92;font-weight:600;letter-spacing:-.055em;margin-top:20px}
.walk-intro h1 em{color:var(--green)}
.walk-hint{margin-top:22px;color:#c7ccbf;font-size:15px;line-height:1.6;max-width:420px}
.walk-chapters{position:absolute;right:var(--gut);top:50%;transform:translateY(-50%);z-index:2;list-style:none;margin:0;padding:0;display:grid;gap:14px;text-align:right}
.walk-chapters li{font-size:13px;font-weight:700;color:rgba(241,242,236,.4);display:flex;gap:12px;justify-content:flex-end;align-items:center;transition:color .5s}
.walk-chapters li span{font-size:10px;letter-spacing:.14em}
.walk-chapters li:after{content:'';width:18px;height:1px;background:currentColor;transition:width .6s var(--ease)}
.walk-chapters li.on{color:var(--paper)}
.walk-chapters li.on:after{width:44px;background:var(--green)}
.walk-caption{position:absolute;left:var(--gut);bottom:40px;z-index:2;font-size:clamp(22px,2.4vw,34px);font-weight:600;letter-spacing:-.03em}
.walk-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.08);z-index:2}
.walk-bar i{display:block;height:100%;background:var(--green);transform:scaleX(0);transform-origin:left}
.walk-after{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,110px);padding-top:140px;padding-bottom:140px}
.walk-after h2{font-size:clamp(36px,4.6vw,78px);line-height:1;font-weight:600;letter-spacing:-.05em;margin-top:20px}
.walk-after h2 em{color:var(--green)}
.walk-how p:first-child{font-size:18px;line-height:1.75;color:#c0c6b8;margin-bottom:20px}
.walk-how .btn{margin-top:30px}
@media (max-width:900px){
  .walk{height:420vh}
  .walk-chapters{top:auto;bottom:90px;transform:none;gap:8px}
  .walk-intro{bottom:auto;top:110px}
  .walk-after{grid-template-columns:1fr;padding-top:80px;padding-bottom:90px}
}
@media (prefers-reduced-motion:reduce){.walk{height:auto}.walk-pin{position:relative}.walk-chapters li{cursor:pointer}}