.work-page{--gutter:max(5vw, calc((100vw - 1200px) / 2))}.whero{min-height:86svh;padding:110px var(--gutter) 40px;flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.whero-in{z-index:1;gap:22px;max-width:860px;display:grid;position:relative}.whero-field{z-index:0;pointer-events:none;animation:glow-in 1.4s var(--ease) both;position:absolute;inset:0}.whero-field canvas{pointer-events:none;width:100vw;height:100lvh;display:block;position:fixed;inset:0}.work,.mwork,.wmore,.wkr{z-index:1;position:relative}.whero-field:has(canvas[data-fallback]){background:linear-gradient(115deg,#0000 45%,#8fc3ff 52%,#ff8f1f 62%,#ff4d4d 72%,#ff5fa8 82%,#0000 92%)}@keyframes glow-in{0%{opacity:0}}.whero h1{letter-spacing:-.015em;font-size:clamp(44px,6.6vw,104px);line-height:.98}.whero h1 em{color:var(--warm);font-style:italic}.whero p{color:#c7d1ce;max-width:58ch;font-size:clamp(17px,1.5vw,21px);line-height:1.55}.whero-cue{left:var(--gutter);font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:12px;display:flex;position:absolute;bottom:28px}.whero-cue i{background:linear-gradient(var(--muted), transparent);width:1px;height:34px;animation:hint 1.8s var(--ease) infinite}.whero-in>*{animation:rise .8s var(--ease) both}.whero-in>:nth-child(2){animation-delay:80ms}.whero-in>:nth-child(3){animation-delay:.16s}.whero-in>:nth-child(4){animation-delay:.24s}.act{flex-wrap:wrap;gap:10px;display:flex}.btn{border:1px solid var(--line2);color:var(--fg);cursor:pointer;transition:background .15s, border-color .15s, transform .2s var(--spring);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-weight:500;text-decoration:none;display:inline-flex}.btn.pri{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn:active{transform:scale(.97)}@media (hover:hover){.btn:not(.pri):hover{background:#ffffff0d}}.work{position:relative}.wstage{height:100svh;padding:80px var(--gutter) 0;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:stretch;gap:clamp(32px,5vw,96px);display:grid;position:sticky;top:0;overflow:hidden}.wstage:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask:radial-gradient(70% 70% at 70%,#000,#0000);mask:radial-gradient(70% 70% at 70%,#000,#0000)}.wglow{pointer-events:none;background:var(--g);opacity:.14;transition:background .8s var(--ease);position:absolute;inset:-20%;-webkit-mask:radial-gradient(38% 42% at 66% 55%,#000,#0000 70%);mask:radial-gradient(38% 42% at 66% 55%,#000,#0000 70%)}.wsteps{pointer-events:none;margin-top:-100svh;position:relative}.wstep{height:100svh}.wcopy{align-self:center;gap:22px;max-width:500px;padding-bottom:40px;display:grid;position:relative}.wcopy>*{animation:rise .55s var(--ease) both}.wcopy>:nth-child(2){animation-delay:40ms}.wcopy>:nth-child(3){animation-delay:80ms}.wcopy>:nth-child(n+4){animation-delay:.12s}.meta{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:14px;display:flex}.meta .num{color:var(--fg)}.meta .num i{color:var(--faint);margin:0 5px;font-style:normal}.meta .cat{padding-left:14px;position:relative}.meta .cat:before{content:"";background:var(--g);border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:0}.wcopy h2{margin:-6px 0 -4px;font-size:clamp(52px,6vw,96px);line-height:.92}.lead{color:#d3dcd9;text-wrap:pretty;max-width:30ch;font-size:clamp(17px,1.35vw,20px);line-height:1.45}.stats{border-top:1px solid var(--line);gap:clamp(20px,2.6vw,36px);padding-top:18px;display:flex}.stats div{gap:4px;display:grid}.stats b{font:400 clamp(28px, 2.4vw, 36px)/1 var(--display);font-variant-numeric:tabular-nums}.stats span{font:500 10px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);max-width:18ch}.facts{grid-template-columns:1fr 1fr;gap:18px 28px;margin:0;display:grid}.facts dt{font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:7px}.facts dd{color:var(--muted);margin:0;font-size:14.5px;line-height:1.5}.ph{color:var(--faint);font-style:italic}.proof{font:400 12px/1.5 var(--mono);color:var(--muted);border-left:2px solid var(--g);margin-top:-6px;padding-left:10px}.wvis{flex-direction:column;align-items:center;gap:10px;min-height:0;display:flex;position:relative}.scene-slot{flex:1;justify-content:center;align-items:flex-end;width:100%;min-height:0;display:flex;position:relative}.scene{animation:rise .6s var(--ease) both;flex:none;position:relative;-webkit-mask:linear-gradient(#000 82%,#0000);mask:linear-gradient(#000 82%,#0000)}.mmap{width:100%;max-width:560px;height:clamp(150px,26svh,250px);animation:rise .6s var(--ease) both;flex:none;position:relative}.mmap-canvas{width:100%;height:calc(100% - 22px);display:block}.mmap-cap{font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;align-items:center;gap:8px;display:flex;position:absolute;bottom:0;left:50%;translate:-50%}.mmap-cap i{background:var(--g);width:6px;height:6px;box-shadow:0 0 10px var(--g);border-radius:50%}.mmap-tip{z-index:3;pointer-events:none;border:1px solid var(--line2);font:500 12px/1 var(--body);white-space:nowrap;background:#0e1312eb;border-radius:7px;padding:6px 9px;position:absolute;transform:translate(-50%,calc(-100% - 12px))}.mmap-tip span{color:var(--g);font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-left:8px}.rail{z-index:4;gap:4px;display:grid;position:absolute;top:50%;right:clamp(12px,2vw,28px);transform:translateY(-50%)}.rail button{cursor:pointer;color:var(--faint);font:500 11px/1 var(--mono);background:0 0;border:0;justify-content:flex-end;align-items:center;gap:10px;padding:5px 0;display:flex}.rail button span{opacity:0;transition:all .25s var(--ease);white-space:nowrap;transform:translate(6px)}.rail button i{width:14px;height:2px;transition:width .3s var(--spring);background:currentColor;border-radius:2px}.rail button[aria-current=true]{color:var(--fg)}.rail button[aria-current=true] i{background:var(--g);width:28px}@media (hover:hover){.rail:hover button span{opacity:1;transform:none}}.wend{text-align:center;place-content:center;justify-items:center;gap:16px;min-height:80svh;padding:80px 16px;display:grid}.wend h2{font-size:clamp(40px,6vw,80px)}.wend p{color:var(--muted);max-width:44ch}.wend .wend-credit{color:var(--faint);order:10;margin-top:18px;font-size:13px}@media (max-width:1100px){.facts{grid-template-columns:1fr}.wcopy{gap:18px}}@media (min-width:701px) and (max-width:1000px){.wstage{grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:32px;padding-inline:clamp(20px,4vw,40px)}.rail{display:none}.wcopy h2{font-size:clamp(44px,6.4vw,64px)}}@media (max-width:700px){.whero{min-height:auto;padding:96px 16px 64px}.whero-in{gap:16px}.whero h1{font-size:40px}.whero p{font-size:16px}.whero-cue{bottom:18px;left:16px}.wstage{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:12px;padding:68px 16px 0}.rail{display:none}.wcopy{align-self:start;gap:10px;max-width:none;padding-bottom:0}.wcopy h2{margin:0;font-size:40px}.lead{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:none;font-size:15px;display:-webkit-box;overflow:hidden}.stats{gap:22px;padding-top:10px}.stats b{font-size:24px}.facts,.proof{display:none}.meta{gap:10px;font-size:10px}.mmap{opacity:.32;pointer-events:none;width:78%;height:220px;position:absolute;top:44px;right:-8%}.mmap-cap{display:none}}