.unlock{padding-block:var(--band);position:relative}.band+.unlock .unlock__head{border-top:1px solid var(--border);padding-top:var(--band)}.band+.unlock{padding-top:0}.unlock__h2{max-width:24ch;margin:0}.unlock__head{margin-bottom:var(--s-7)}.unlock__view{scroll-snap-type:x mandatory;scrollbar-width:thin;padding-block:4px;padding-inline:clamp(20px,4vw,44px);overflow:auto hidden}.unlock__view:focus-visible{outline:2px solid var(--foil-solid);outline-offset:4px;border-radius:var(--r-lg)}.unlock__track{gap:clamp(14px,1.8vw,20px);width:max-content;margin:0;padding:0;list-style:none;display:flex}.ucard{scroll-snap-align:center;border-radius:var(--r-lg);border:1px solid var(--border);min-height:min(400px,52svh);transition:border-color var(--dur-base) var(--ease-out);background:radial-gradient(130% 90% at 0 0,#a855f712,#0000 62%),#ffffff05;flex-direction:column;flex:0 0 min(400px,78vw);justify-content:space-between;padding:30px;display:flex;position:relative;overflow:hidden}.ucard:hover{border-color:var(--border-strong)}.ucard__n{color:var(--foil-solid)}.ucard__txt{margin-top:auto;padding-top:18px}.ucard__h{color:var(--bone);letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(21px,2.3vw,28px);font-weight:600;line-height:1.08}.ucard__b{color:var(--ash);margin:0}.ucard__bar{background:var(--foil);transform-origin:0;width:100%;height:2px;transition:transform var(--dur-slow) var(--ease-out);position:absolute;bottom:0;left:0;transform:scaleX(0)}.ucard:hover .ucard__bar{transform:scaleX(1)}.unlock[data-pin]{height:calc(100svh + var(--travel,0px));padding-block:0}.band+.unlock[data-pin] .unlock__head{border-top:0;padding-top:0}.band:has(+.unlock[data-pin]){padding-bottom:0}.unlock[data-pin] .unlock__in{height:100svh;padding-top:calc(var(--nav-h-stuck) + 10px);flex-direction:column;justify-content:center;display:flex;position:sticky;top:0;overflow:hidden}.unlock[data-pin] .unlock__view{scroll-snap-type:none;overflow:hidden}.unlock[data-pin] .unlock__track{will-change:transform}.uviz{border:1px solid var(--border);background:radial-gradient(120% 130% at 50% 0,#ffffff0b,#ffffff03 60%,#0000);border-radius:10px;height:122px;margin-top:16px;position:relative;overflow:hidden}.uviz *{pointer-events:none}.viz-scroll{align-items:stretch;gap:12px;padding:14px 16px;display:flex}.viz-scroll__rail{background:#ffffff17;border-radius:2px;flex:none;width:2px;position:relative}.viz-scroll__head{background:#6366f1;border-radius:50%;width:7px;height:7px;position:absolute;top:0;left:-2.5px;box-shadow:0 0 0 4px #6366f133}.viz-scroll__blocks{flex-direction:column;flex:1;justify-content:space-between;display:flex}.viz-scroll .blk{background:#ffffff12;border-radius:4px;height:15px;position:relative;overflow:hidden}.viz-scroll .blk:nth-child(2){width:76%}.viz-scroll .blk:nth-child(3){width:88%}.viz-scroll .blk:nth-child(4){width:62%}.viz-scroll .blk span{background:var(--foil);transform-origin:0;transition:transform .45s var(--ease-out);position:absolute;inset:0;transform:scaleX(0)}.viz-scroll .blk.on span{transform:scaleX(1)}.viz-shader{background:#0a0a10}.viz-shader i{filter:blur(20px);opacity:.85;border-radius:50%;display:block;position:absolute}.viz-shader i:first-child{width:110px;height:110px;animation:uv-sh1 3.2s var(--ease-in-out) infinite alternate;background:#a855f7;top:-24%;left:-6%}.viz-shader i:nth-child(2){width:130px;height:130px;animation:uv-sh2 3.8s var(--ease-in-out) infinite alternate;background:#2e7cf6;top:14%;left:44%}.viz-shader i:nth-child(3){width:88px;height:88px;animation:uv-sh3 2.8s var(--ease-in-out) infinite alternate;background:#6366f1;top:44%;left:22%}@keyframes uv-sh1{to{transform:translate(108px,54px)scale(1.5)}}@keyframes uv-sh2{to{transform:translate(-96px,-38px)scale(.62)}}@keyframes uv-sh3{to{transform:translate(74px,-52px)scale(1.45)}}.viz-shader u{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:18px 18px;animation:3s linear infinite uv-mesh;display:block;position:absolute;inset:-18px}@keyframes uv-mesh{to{transform:translate(18px,18px)}}.viz-shader:after{content:"";pointer-events:none;width:42%;animation:uv-sweep 3.4s var(--ease-in-out) infinite;background:linear-gradient(100deg,#0000,#f2f1ee1c 45%,#f2f1ee29 52%,#0000);position:absolute;top:-10%;bottom:-10%;left:0;transform:translate(-120%)}@keyframes uv-sweep{0%{transform:translate(-120%)}62%,to{transform:translate(340%)}}.viz-phys{justify-content:center;align-items:flex-end;gap:22px;padding-bottom:20px;display:flex}.viz-phys i{background:var(--foil);border-radius:50%;width:26px;height:26px;animation:1.9s cubic-bezier(.3,0,.5,1) infinite uv-bounce;display:block}.viz-phys i:nth-child(3){opacity:.8;animation-delay:.16s}.viz-phys i:nth-child(4){opacity:.6;animation-delay:.32s}@keyframes uv-bounce{0%{transform:translateY(-60px)scaleY(1)}42%{transform:translateY(0)scaleY(1)}50%{transform:translateY(4px)scale(1.22,.72)}58%{transform:translateY(0)scaleY(1)}76%{transform:translateY(-26px)}88%{transform:translateY(0)scale(1.1,.9)}to{transform:translateY(-60px)scaleY(1)}}.viz-phys u{background:var(--border-strong);height:1px;display:block;position:absolute;bottom:19px;left:16px;right:16px}.viz-type{justify-content:center;align-items:center;gap:2px;display:flex}.viz-type b{letter-spacing:.02em;background:var(--foil);color:#0000;animation:uv-tup 2.6s var(--ease-out) infinite;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:600;display:block}@keyframes uv-tup{0%,58%,to{opacity:1;transform:translateY(0)}22%{opacity:.25;transform:translateY(-13px)rotate(-7deg)}40%{opacity:1;transform:translateY(0)}}.viz-type u{background:var(--border);height:1px;display:block;position:absolute;bottom:26px;left:0;right:0}.viz-trans{padding:14px}.viz-trans .pg{flex-direction:column;gap:7px;display:flex;position:absolute;inset:14px}.viz-trans .pg i{background:#ffffff17;border-radius:3px;height:9px;display:block}.viz-trans .pg-a i:first-child{width:52%}.viz-trans .pg-a i:nth-child(2){width:88%}.viz-trans .pg-a i:nth-child(3){width:70%}.viz-trans .pg-a i:nth-child(4){width:80%}.viz-trans .pg-b{align-items:flex-end}.viz-trans .pg-b i:first-child{width:64%}.viz-trans .pg-b i:nth-child(2){width:92%}.viz-trans .pg-b i:nth-child(3){width:46%}.viz-trans .pg-b i:nth-child(4){width:76%}.viz-trans .pg-a{animation:uv-pga 5s var(--ease-out) infinite}.viz-trans .pg-b{animation:uv-pgb 5s var(--ease-out) infinite}@keyframes uv-pga{0%,38%{opacity:1;transform:translate(0)}50%,88%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes uv-pgb{0%,38%{opacity:0;transform:translate(16px)}50%,88%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(16px)}}.viz-trans .shared{background:var(--foil);transform-origin:0 0;width:calc(100% - 28px);height:44px;animation:uv-shared 5s var(--ease-out) infinite;border-radius:5px;display:block;position:absolute;top:14px;left:14px}@keyframes uv-shared{0%,32%{transform:scale(.14,.68)}50%,82%{transform:scale(1)}to{transform:scale(.14,.68)}}.viz-fps{flex-direction:column;justify-content:space-between;padding:14px 16px;display:flex}.viz-fps__num{align-items:baseline;gap:6px;display:flex}.viz-fps__n{color:var(--bone);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:500}.viz-fps__u{color:var(--ash);letter-spacing:.08em;text-transform:uppercase;font-size:11px}.viz-fps__spark{align-items:flex-end;gap:3px;height:34px;display:flex}.viz-fps__b{background:var(--foil-solid);opacity:.55;transform-origin:50% 100%;border-radius:1px;flex:1;height:100%;transition:transform .22s linear;display:block;transform:scaleY(.06)}.unlock:not([data-live]) .uviz,.unlock:not([data-live]) .uviz *,.unlock:not([data-live]) .viz-shader:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.ucard{scroll-snap-align:none}.ucard__bar,.viz-scroll .blk span,.viz-fps__b{transition:none}.uviz,.uviz *,.viz-shader:after{animation:none!important}.viz-shader:after{opacity:0}.viz-trans .shared{transform:scale(.14,.68)}.viz-trans .pg-b{opacity:0}}
