.wd-intro{position:relative;height:420svh;background:#030918}
.wd-intro .sp-anchor{position:absolute;left:0;top:64svh;width:1px;height:1px}
.wd-stage{--away:0;--story:0;--meter:.06;--flat:0;position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;background:radial-gradient(ellipse 70% 62% at 70% 46%,#0d2a52,#030918 72%)}
.wd-grid{position:absolute;inset:-2px;background-image:linear-gradient(#6b9ad614 1px,transparent 1px),linear-gradient(90deg,#6b9ad614 1px,transparent 1px);background-size:72px 72px;background-position:center;-webkit-mask-image:radial-gradient(ellipse 58% 56% at 70% 48%,#000 8%,transparent 78%);mask-image:radial-gradient(ellipse 58% 56% at 70% 48%,#000 8%,transparent 78%);opacity:calc(1 - var(--flat) * .55)}
.wd-scene{position:absolute;left:71%;top:47%;width:min(31vw,600px);aspect-ratio:16/10;transform:translate(-50%,-50%);perspective:2600px;pointer-events:none}
.wd-stack{--u:5.6px;--gap:90px;position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(56deg) rotateZ(-36deg) scale(.94)}
.wd-layer{position:absolute;inset:0;overflow:hidden;border:1px solid #8dafd547;border-radius:calc(var(--u) * 1.3);transform:translate3d(0,0,calc((var(--i) - 1.5) * var(--gap)));backface-visibility:hidden;transition:border-color .45s,box-shadow .45s}
.wd-layer.is-on{border-color:#acd4fcb8;box-shadow:0 0 0 1px #acd4fc2e,0 calc(var(--u) * 4) calc(var(--u) * 12) calc(var(--u) * -3) #0b2f63}
.wd-pin{position:absolute;left:0;top:0;width:1px;height:1px}
.wd-l0{--i:0;background:#061328e8}
.wd-l1{--i:1;background:#0a1b37}
.wd-l2{--i:2;background:#030918b3}
.wd-l3{--i:3;background:transparent;border-color:#acd4fc66}
.wd-nav,.wd-h,.wd-p,.wd-btn,.wd-img,.wd-c1,.wd-c2,.wd-c3{position:absolute}
.wd-nav{left:5%;right:5%;top:13%;height:7%}
.wd-h{left:5%;top:27%;width:46%;height:18%}
.wd-p{left:5%;top:48%;width:38%;height:8%}
.wd-btn{left:5%;top:60%;width:18%;height:7%}
.wd-img{left:55%;top:26%;width:40%;height:41%}
.wd-c1,.wd-c2,.wd-c3{top:73%;height:20%;width:28.6%}
.wd-c1{left:5%}
.wd-c2{left:35.7%}
.wd-c3{left:66.4%}
.wd-cols{position:absolute;left:5%;right:5%;top:10%;bottom:4%;background:repeating-linear-gradient(90deg,#6b9ad624 0,#6b9ad624 calc(100% / 12 - var(--u) * 1.1),transparent calc(100% / 12 - var(--u) * 1.1),transparent calc(100% / 12))}
.wd-b{border:1px dashed #8dbaf0a8;border-radius:calc(var(--u) * .5)}
.wd-l1 .wd-nav{display:flex;align-items:center;gap:calc(var(--u) * 2.4);padding:0 calc(var(--u) * 1.2);border-radius:calc(var(--u) * .5);background:#0f2546}
.wd-l1 .wd-nav b{margin-right:auto;font-size:calc(var(--u) * 1.55);font-weight:600;letter-spacing:-.03em;color:#eef5ff}
.wd-l1 .wd-nav span{font-size:calc(var(--u) * 1.1);color:#9fb8d6}
.wd-l1 .wd-h{font-size:calc(var(--u) * 3.9);font-weight:500;line-height:1;letter-spacing:-.055em;color:#f3f7ff}
.wd-l1 .wd-h em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.04em;color:#acd4fc}
.wd-l1 .wd-p{display:flex;flex-direction:column;justify-content:space-between}
.wd-l1 .wd-p i{display:block;height:calc(var(--u) * .55);border-radius:2px;background:#a9bdd659}
.wd-l1 .wd-p i:nth-child(2){width:90%}
.wd-l1 .wd-p i:nth-child(3){width:64%}
.wd-l1 .wd-btn{display:flex;align-items:center;justify-content:center;border-radius:calc(var(--u) * .45);background:#b4d7f7;font-size:calc(var(--u) * 1.15);font-weight:500;color:#142d50;white-space:nowrap}
.wd-l1 .wd-img{display:flex;align-items:center;justify-content:center;border-radius:calc(var(--u) * .8);background:radial-gradient(ellipse at 50% 55%,#1b4a8a,#0c234a 72%);overflow:hidden}
.wd-l1 .wd-img img{width:96%;height:auto;opacity:.9}
.wd-card{display:flex;flex-direction:column;gap:calc(var(--u) * .7);padding:calc(var(--u) * 1.2);border:1px solid #8dafd52e;border-radius:calc(var(--u) * .7);background:#10264a}
.wd-card small{font:400 calc(var(--u) * .9)/1 'Courier New',monospace;letter-spacing:.1em;color:#7f9cc0}
.wd-card b{font-size:calc(var(--u) * 1.45);font-weight:500;letter-spacing:-.03em;color:#e8f1ff}
.wd-card i{display:block;height:calc(var(--u) * .45);border-radius:2px;background:#a9bdd640}
.wd-card i:last-child{width:70%}
.wd-o{border:1px solid #acd4fc73;border-radius:calc(var(--u) * .5);background:#acd4fc0f}
.wd-o code{position:absolute;left:calc(var(--u) * .6);top:calc(var(--u) * .5);padding:calc(var(--u) * .25) calc(var(--u) * .5);border-radius:calc(var(--u) * .3);background:#030918e6;font:400 calc(var(--u) * 1.05)/1.2 'Courier New',monospace;color:#9fc4ee;white-space:nowrap}
.wd-o code b{font-weight:400;color:#e8f3ff}
.wd-bar{position:absolute;left:0;right:0;top:0;height:8.5%;display:flex;align-items:center;gap:calc(var(--u) * .7);padding:0 calc(var(--u) * 1.6);border-bottom:1px solid #8dafd540;background:#0e2244}
.wd-bar>i{width:calc(var(--u) * .85);height:calc(var(--u) * .85);border-radius:50%;background:#8daed250}
.wd-bar span{display:flex;align-items:center;justify-content:center;width:38%;height:58%;margin:0 auto;border-radius:99px;background:#06142c;font:400 calc(var(--u) * 1.05)/1 'Courier New',monospace;letter-spacing:.04em;color:#9fbedf}
.wd-bar em{position:absolute;right:calc(var(--u) * 1.6);font:400 calc(var(--u) * .95)/1 'Courier New',monospace;font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:#cfe6ff;opacity:var(--flat)}
.wd-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#030918d9 0,#0309185c 36%,transparent 58%),linear-gradient(0deg,#030918 0,transparent 26%,transparent 86%,#030918a6)}
.wd-tags{position:absolute;inset:0;pointer-events:none}
.wd-tag{position:absolute;left:0;top:0;display:flex;align-items:center;gap:.9em;font:400 var(--fs-mono,.75rem)/1 'Courier New',monospace;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:#7f9cc0;opacity:0;transition:color .35s}
.wd-tag b{font-weight:400;color:#acd4fc}
.wd-tag::after{content:"";width:clamp(26px,3vw,60px);height:1px;background:currentColor;opacity:.55}
.wd-tag.is-on{color:#e8f3ff}
.wd-status{display:flex;align-items:center;gap:.7em}
.wd-status i{position:relative;display:block;width:clamp(80px,7vw,150px);height:3px;border-radius:2px;background:#8daed22b;overflow:hidden}
.wd-status i::after{content:"";position:absolute;inset:0;background:#acd7ff;transform-origin:left;transform:scaleX(var(--meter))}
.wd-status b{display:none;font-weight:400;color:#e4efff}
.wd-stage[data-phase="0"] .wd-status b:nth-of-type(1),.wd-stage[data-phase="1"] .wd-status b:nth-of-type(2),.wd-stage[data-phase="2"] .wd-status b:nth-of-type(3),.wd-stage[data-phase="3"] .wd-status b:nth-of-type(4){display:inline}
.wd-hero{position:absolute;left:var(--pad);bottom:19%;max-width:min(60vw,900px);transform:translate3d(calc(var(--away) * -6vw),calc(var(--away) * -5vh),0) scale(calc(1 - var(--away) * .1));transform-origin:0 60%;opacity:calc(1 - var(--away));filter:blur(calc(var(--away) * 6px))}
.wd-hero>.sp-mono{margin:0 0 1.6rem;color:#9fbedf}
.wd-hero__foot{display:flex;align-items:center;gap:3.4vw;margin-top:2rem}
.wd-steps{position:absolute;left:var(--pad);bottom:18%;width:min(34rem,38vw);pointer-events:none}
.wd-step{position:absolute;left:0;bottom:0;width:100%;opacity:0;visibility:hidden;will-change:transform,opacity}
.wd-step small{display:block;margin-bottom:1.3rem;color:#86a8cc}
.wd-step h2{margin:0 0 1.3rem;font-size:clamp(2.2rem,4.4vw,5.2rem);font-weight:400;line-height:.98;letter-spacing:-.065em;color:#f3f7ff}
.wd-step h2 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.06em;color:#acd4fc}
.wd-step p{margin:0;max-width:28rem;font-size:var(--fs-copy,1.05rem);line-height:1.6;color:#a9bdd6}
@media(max-width:1000px) and (orientation:portrait){.wd-scene{left:50%;top:33%;width:62vw}
.wd-hero{right:var(--pad);bottom:12%;max-width:none}
.wd-steps{right:var(--pad);bottom:12%;width:auto}
.wd-vignette{background:linear-gradient(0deg,#030918 0,#030918cc 36%,transparent 62%),linear-gradient(180deg,#030918a6,transparent 18%)}
.wd-tags{display:none}}
@media(max-width:700px){.wd-intro{height:380svh}
.wd-intro .sp-anchor{top:56svh}
.wd-scene{left:50%;top:24.5%;width:72vw}
.wd-hero{left:6%;right:6%;bottom:14%;max-width:none}
.wd-hero__foot{display:block}
.wd-hero__foot .sp-link{margin-top:1.2rem}
.wd-steps{left:6%;right:6%;bottom:13%;width:auto}
.wd-step h2{font-size:clamp(2rem,9vw,2.9rem)}
.wd-vignette{background:linear-gradient(0deg,#030918 0,#030918cc 36%,transparent 62%),linear-gradient(180deg,#030918a6,transparent 18%)}
.wd-tags{display:none}
.wd-status i{width:60px}
.wd-stage[data-phase] .wd-status b:nth-of-type(n){display:none}}
@media(max-width:700px) and (max-height:700px){.wd-scene{top:27%;width:62vw}
.wd-step p{font-size:.95rem}}