.exploded-experience{height:390vh;position:relative;background:#070a10;border-top:1px solid rgba(81,130,183,.19);border-bottom:1px solid rgba(81,130,183,.19)}.story-pin{position:sticky;top:0;height:100svh;min-height:min(680px,100svh);padding:58px 5.1% 47px;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 76% 48%,rgba(0,73,159,.15),transparent 38%),linear-gradient(90deg,#070a10 0 40%,#080d16 100%);isolation:isolate}.story-pin:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(75,125,177,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(75,125,177,.045) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(90deg,transparent 5%,black 55%,black)}.story-topline,.story-bottomline{height:25px;flex:0 0 25px;display:flex;justify-content:space-between;align-items:center;font:8px var(--mono);letter-spacing:.14em;color:#667c98}.story-topline{border-bottom:1px solid rgba(112,153,194,.15);padding-bottom:15px}.story-topline b{font-size:7px;color:#54e6bf;margin-left:7px}.story-bottomline{border-top:1px solid rgba(112,153,194,.15);padding-top:15px}.story-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(300px,.74fr) minmax(0,1.26fr);gap:3.5%;align-items:center;max-width:1500px;width:100%;margin:0 auto}.story-copy{position:relative;z-index:2;padding:0 0 12px 2%;max-width:520px}.story-copy .section-kicker{font-size:8px}.story-beats{position:relative;min-height:280px;margin-top:28px}.story-beat{position:absolute;inset:0;opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.7,.2,1);pointer-events:none}.story-beat.is-active{opacity:1;transform:translateY(0);pointer-events:auto}.story-beat h2{font:600 clamp(44px,5.2vw,77px)/.92 var(--display);letter-spacing:-.075em;margin:0 0 20px}.story-beat h2 em{font-style:normal;color:var(--cyan)}.story-beat p{max-width:370px;color:#99a6b8;font-size:12px;line-height:1.8;margin:0 0 20px}.story-beat small{font:8px var(--mono);letter-spacing:.14em;color:#71859e}.story-beat .line-link{display:flex;width:max-content;margin-top:22px}.story-nav{display:flex;align-items:center;gap:8px;margin:27px 0 14px}.story-nav button{width:33px;height:28px;padding:0;border:1px solid rgba(96,143,190,.23);background:transparent;color:#72849b;font:8px var(--mono);cursor:pointer;transition:color .2s,border-color .2s,background .2s}.story-nav button:hover,.story-nav button[aria-current=step]{color:#e8faff;border-color:rgba(53,220,255,.7);background:rgba(0,149,255,.12);box-shadow:0 0 13px rgba(0,149,255,.14)}.story-nav>span{margin-left:8px;color:#627792;font:7px var(--mono);letter-spacing:.12em}.story-progress{height:1px;max-width:370px;background:rgba(120,156,192,.22);overflow:hidden}.story-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#087bff,var(--cyan));transform:scaleX(0);transform-origin:left center;box-shadow:0 0 10px var(--cyan)}.story-visual{height:min(75vh,710px);min-height:420px;position:relative;display:grid;place-items:center;isolation:isolate}.story-visual:before{content:"";position:absolute;inset:4% 2%;border:1px solid rgba(99,143,188,.14);clip-path:polygon(0 0,94% 0,100% 7%,100% 100%,6% 100%,0 94%);background:linear-gradient(135deg,rgba(255,255,255,.018),transparent 32%,rgba(0,120,255,.025))}.diagram-heading,.diagram-footer{position:absolute;left:5%;right:5%;display:flex;justify-content:space-between;font:7px var(--mono);letter-spacing:.13em;color:#627a95}.diagram-heading{top:7%}.diagram-footer{bottom:5%}.diagram-footer span:last-child{color:var(--cyan)}.diagram-wash{position:absolute;width:54%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(0,122,255,.19),rgba(0,76,183,.07) 42%,transparent 70%);filter:blur(19px);opacity:.8}.controller-diagram{position:relative;z-index:1;width:96%;height:83%;overflow:visible}.diagram-guides ellipse,.diagram-guides path{fill:none;stroke:rgba(94,146,201,.13);stroke-width:1;stroke-dasharray:2 10}.shell-back{fill:url(#shell-back);stroke:#7390af;stroke-width:4}.rear-seam{fill:none;stroke:rgba(92,194,230,.45);stroke-width:2}.part-detail{fill:none;stroke:rgba(87,122,158,.55);stroke-width:3;stroke-linecap:round}.board{fill:url(#board-fill);stroke:#4ab4bd;stroke-width:3}.trace{fill:none;stroke:#49d9ca;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.78}.chip rect{fill:#12212e;stroke:#93cad2;stroke-width:2}.chip path{fill:none;stroke:#7db3ba;stroke-width:2}.board-node{fill:#45e2da;filter:url(#cyan-glow)}.shell-front{fill:url(#shell-front);stroke:#9bafc4;stroke-width:5}.front-highlight{fill:none;stroke:#e0effa;stroke-width:4;opacity:.9}.shell-panel{fill:none;stroke:rgba(105,180,216,.58);stroke-width:3}.shell-mark{stroke:#35dcff;stroke-width:3;opacity:.55}.trigger{fill:#344b63;stroke:#a8bfd5;stroke-width:4}.trigger-inset{fill:none;stroke:#35dcff;stroke-width:3;filter:url(#cyan-glow)}.stick-ring{fill:#070d17;stroke:#94afc7;stroke-width:4}.stick-base{fill:url(#button-fill);stroke:#35dcff;stroke-width:2}.stick-cap{fill:#293c52;stroke:#829db6;stroke-width:3}.stick-glint{fill:none;stroke:#e5f6ff;stroke-width:3;stroke-linecap:round;opacity:.65}.dpad-shadow{fill:#060a10;stroke:#7d99b4;stroke-width:5}.dpad-face{fill:#1b2c40;stroke:#35dcff;stroke-width:3}.face-button{fill:url(#button-fill);stroke:#8ca8c4;stroke-width:3}.face-button-center{fill:#39d7ff;filter:url(#cyan-glow)}.callout{opacity:0;transition:opacity .3s ease}.callout path{fill:none;stroke:#53dafa;stroke-width:1.5;stroke-dasharray:5 4}.callout text{fill:#c7e8f4;font:12px var(--mono);letter-spacing:1.3px}.callout .callout-small{fill:#7594b2;font-size:9px}.diagram-disassembled .callout{opacity:1}.part{transform-box:fill-box;transform-origin:center;transition:filter .3s}.part[data-part=front],.part[data-part=rear],.part[data-part=board],.part[data-part=sticks],.part[data-part=dpad],.part[data-part=buttons],.part[data-part=triggers]{will-change:transform}.story-disclaimer{position:absolute;left:5%;right:5%;bottom:9%;text-align:center;color:#5d718b;font:7px var(--mono);letter-spacing:.09em}.stage-inspection .part-board{filter:drop-shadow(0 0 17px rgba(53,220,255,.32))}.stage-inspection .part-front,.stage-inspection .part-rear{opacity:.82}.stage-assembled .callout{opacity:0}.stage-exploded .callout{opacity:1}.story-pin[data-step="0"] .story-visual:after,.story-pin[data-step="5"] .story-visual:after{content:"";position:absolute;right:8%;top:14%;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 9px rgba(53,220,255,.08),0 0 25px 6px rgba(0,149,255,.55)}@media(max-width:1030px){.story-pin{padding-left:4%;padding-right:4%}.story-layout{grid-template-columns:minmax(270px,.68fr) minmax(0,1.32fr);gap:1%}.story-beat h2{font-size:clamp(42px,5vw,64px)}.story-visual{height:68vh;min-height:400px}.callout text{font-size:10px}.callout .callout-small{font-size:8px}}@media(max-width:760px){.exploded-experience{height:260vh}.story-pin{min-height:600px;height:100svh;padding:50px 20px 38px}.story-topline,.story-bottomline{font-size:7px}.story-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);gap:0;padding-top:18px;padding-bottom:12px}.story-copy{padding:0;max-width:none;display:flex;flex-direction:column}.story-copy .section-kicker{font-size:7px}.story-beats{min-height:190px;margin-top:16px}.story-beat h2{font-size:clamp(39px,10vw,61px);margin-bottom:10px}.story-beat p{font-size:10px;line-height:1.55;margin-bottom:8px;max-width:480px}.story-beat small{font-size:7px}.story-nav{margin:13px 0 10px;gap:5px}.story-nav button{width:31px;height:25px;font-size:7px}.story-nav>span{font-size:6px}.story-progress{max-width:none}.story-visual{grid-row:2;height:auto;min-height:0;max-height:42svh;margin-top:5px}.controller-diagram{width:100%;height:100%;max-height:37svh}.diagram-heading{top:1%;font-size:6px}.diagram-footer{bottom:0;font-size:6px}.story-disclaimer{bottom:-2%;font-size:5.5px;line-height:1.4}.callout text{font-size:11px}.callout .callout-small{font-size:8px}.story-visual:before{inset:0}.diagram-guides{opacity:.55}}@media(max-width:430px){.story-pin{padding-left:16px;padding-right:16px}.story-beats{min-height:184px}.story-beat h2{font-size:42px}.story-beat p{max-width:345px}.story-visual{max-height:39svh}.controller-diagram{max-height:34svh}.story-nav>span{margin-left:3px}.story-topline,.story-bottomline{letter-spacing:.08em}.story-disclaimer{left:2%;right:2%;font-size:5px}}@media(prefers-reduced-motion:reduce){.exploded-experience{height:auto}.story-pin{position:relative;top:auto;height:auto;min-height:0;max-height:none;overflow:visible;padding-top:35px;padding-bottom:35px}.story-layout{grid-template-columns:1fr;gap:25px}.story-beats{min-height:0;display:grid;gap:20px}.story-beat,.story-beat.is-active{position:relative;inset:auto;opacity:1;transform:none;pointer-events:auto}.story-beat h2{font-size:clamp(40px,7vw,68px)}.story-nav{display:none}.story-progress{display:none}.story-visual{height:min(70vw,600px);min-height:320px}.story-disclaimer{bottom:2%}.callout{opacity:1}}
.button-labels text{fill:#effcff;font:800 18px var(--body);paint-order:stroke;stroke:#09111c;stroke-width:2px;stroke-linejoin:round;dominant-baseline:middle}