:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#0b0c0c;--ink:#101211;--paper:#f1f2ee;--paper-dark:#dfe1dc;--green:#b7ff00;--green-deep:#68bf00;--orange:#ff6a00;--line:#1012112e;--line-light:#f1f2ee38;--pointer-x:0;--pointer-y:0;--motion-scale:1;--signal-progress:0;font-synthesis:none;text-rendering:optimizelegibility;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{background:var(--black);scroll-behavior:auto}body{background:var(--black);color:var(--ink);margin:0}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.experience{background:var(--black);position:relative;overflow:clip}.prototype-ribbon{background:var(--green);color:var(--ink);letter-spacing:.08em;z-index:30;align-items:center;gap:12px;min-height:29px;padding:0 24px;font-size:9px;font-weight:700;display:flex;position:fixed;top:0;right:0}.ribbon-divider{border-left:1px solid #10121180;height:12px}.ribbon-status{opacity:.62}.topline{color:var(--paper);letter-spacing:.11em;text-transform:uppercase;z-index:25;mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:20px 28px;font-size:10px;display:flex;position:fixed;top:29px;left:0;right:0}.brand-mark img{filter:brightness(0)invert();width:65px}.topline-meta{align-items:center;gap:24px;display:flex}.progress-readout{font-variant-numeric:tabular-nums}.progress-readout [data-active-progress]{color:var(--green)}.scene{position:relative}.scene--hero,.scene--momentum,.scene--keyring,.scene--controller,.scene--signal,.scene--keyboard,.scene--orange,.scene--ending{min-height:155vh}.sticky-stage{height:100vh;min-height:640px;position:sticky;top:0;overflow:hidden}.scene-label{color:#1012118f;letter-spacing:.13em;text-transform:uppercase;z-index:6;gap:12px;font-size:9px;font-weight:700;display:flex;position:absolute;top:116px;left:28px}.scene-label span:first-child{color:var(--green-deep)}.scene-label--inverse{color:#f1f2ee8a}.scene-label--inverse span:first-child{color:var(--green)}.eyebrow{color:var(--green-deep);letter-spacing:.13em;text-transform:uppercase;margin:0 0 20px;font-size:10px;font-weight:700}.eyebrow--light{color:var(--green)}.scene-note{color:#101211a8;max-width:220px;margin:22px 0 0;font-size:13px;line-height:1.45}.scene-note--light{color:#f1f2eea3}.asset-tag{color:#1012119e;letter-spacing:.1em;text-transform:uppercase;z-index:4;font-size:8px;font-weight:700;position:absolute;top:16px;left:16px}.asset-tag--dark{color:#f1f2eea3}.raster-object{-webkit-user-select:none;user-select:none;margin:0;position:absolute}.raster-object img{object-fit:cover;width:100%;height:100%}.scene--hero{background:var(--black);color:var(--paper)}.hero-stage{background:radial-gradient(circle at 62% 52%, #b7ff000f, transparent 28%), var(--black)}.hero-copy{z-index:3;position:absolute;top:35vh;left:8vw}.hero-copy h1,.momentum-copy h2,.keyring-copy h2,.controller-copy h2,.signal-copy h2,.keyboard-copy h2,.orange-copy h2,.ending-copy h2{letter-spacing:-.085em;text-transform:uppercase;margin:0;font-size:clamp(58px,9.7vw,150px);line-height:.83}.hero-copy h1{color:var(--paper)}.hero-copy h1 em,.momentum-copy h2 span,.keyring-copy h2 span,.controller-copy h2 span,.signal-copy h2 span,.keyboard-copy h2 span,.orange-copy h2 span,.ending-copy h2 span{color:var(--green);font-style:normal}.hero-note{color:#f1f2ee94;max-width:220px;margin:28px 0 0;font-size:12px;line-height:1.45}.raster-object--hero{height:min(72vw,900px);transform:translate3d(calc(var(--pointer-x) * -16px), calc(var(--pointer-y) * -12px + (var(--progress) * -14vh)), 0) rotate(calc(var(--pointer-x) * 1.8deg + (var(--progress) * -2deg))) scale(calc(1 + var(--progress) * .14));z-index:1;width:min(72vw,900px);transition:transform .18s linear;top:10vh;right:-5vw}.raster-object--hero img{filter:saturate(1.13)contrast(1.03);mix-blend-mode:screen;object-fit:cover}.hero-index{color:#f1f2ee94;letter-spacing:.12em;text-transform:uppercase;z-index:4;gap:14px;font-size:10px;display:flex;position:absolute;bottom:42px;left:8vw}.line-arrow{color:var(--green);font-size:17px;line-height:.6}.hero-side-note{color:#f1f2ee6b;text-align:right;font-size:10px;line-height:1.35;position:absolute;bottom:40px;right:28px}.scene--momentum,.momentum-stage{background:var(--paper)}.momentum-copy{z-index:4;position:absolute;top:23vh;left:8vw}.momentum-copy h2{font-size:clamp(54px,8vw,124px)}.momentum-copy h2 span{color:var(--green-deep)}.coin-rail{height:65vh;transform:translate3d(calc(var(--pointer-x) * 20px), calc(var(--pointer-y) * 15px), 0);width:min(70vw,900px);transition:transform .2s linear;position:absolute;top:23vh;right:2vw}.coin-single-rail,.coin-family-rail{width:100%;height:100%;transition:opacity .18s linear,transform .18s linear;position:absolute}.coin-single-rail{opacity:calc(1 - var(--progress) * 1.18);transform:translate3d(calc(var(--progress) * 14vw), calc(var(--progress) * -4vh), 0) rotate(calc(var(--progress) * 22deg)) scale(calc(1 - var(--progress) * .3))}.coin-family-rail{opacity:clamp(0, calc((var(--progress) - .28) * 1.5), 1);transform:translate3d(calc((1 - var(--progress)) * 20vw), calc((1 - var(--progress)) * 5vh), 0) scale(calc(.72 + var(--progress) * .28))}.coin-single-rail img,.coin-family-rail img{mix-blend-mode:multiply;object-fit:contain;width:100%;height:100%}.momentum-marker{letter-spacing:.12em;text-transform:uppercase;gap:18px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:11vh;right:8vw}.momentum-marker span:nth-child(2){color:var(--green-deep);font-size:18px;line-height:.5}.green-signal-dot{background:var(--green-deep);height:12px;transform:scale(calc(.7 + var(--progress) * 2.7));border-radius:50%;width:12px;position:absolute;bottom:12vh;left:8vw}.scene--keyring,.keyring-stage{background:var(--paper-dark)}.keyring-copy{z-index:3;position:absolute;top:28vh;left:8vw}.keyring-copy h2{font-size:clamp(56px,8.4vw,126px)}.keyring-copy h2 span{color:var(--green-deep)}.raster-object--keyring{height:min(74vh,900px);transform:translate3d(calc(var(--pointer-x) * 14px), calc(var(--pointer-y) * 10px + (var(--progress) * -9vh)), 0) rotate(calc(var(--pointer-x) * 3.2deg + sin(var(--progress) * 3.14) * 4deg));transform-origin:53% 9%;z-index:2;width:min(43vw,590px);transition:transform .18s linear;top:13vh;right:10vw}.raster-object--keyring img{mix-blend-mode:multiply;object-fit:contain}.pendulum-guide{height:53vh;transform:rotate(calc(var(--progress) * 4deg));transform-origin:top;border-left:1px solid #1012113d;position:absolute;top:0;left:calc(50% + 4vw)}.pendulum-guide span{background:var(--green-deep);border-radius:50%;width:5px;height:5px;display:block;position:absolute;top:50%;left:-2px}.pendulum-guide span:nth-child(2){top:70%;left:-8px}.pendulum-guide span:nth-child(3){top:83%;left:4px}.keyring-caption{letter-spacing:.11em;text-transform:uppercase;gap:22px;font-size:9px;display:flex;position:absolute;bottom:12vh;left:8vw}.scene--controller{background:var(--black);color:var(--paper)}.controller-stage{background:radial-gradient(circle at 72% 50%, #b7ff001a, transparent 25%), var(--black)}.controller-copy{z-index:3;position:absolute;top:28vh;left:8vw}.controller-copy h2{font-size:clamp(55px,8.6vw,132px)}.controller-copy h2 span{color:var(--paper)}.raster-object--controller{height:min(76vh,860px);transform:translate3d(calc(var(--pointer-x) * -12px), calc(var(--pointer-y) * -10px), 0) rotate(calc(var(--pointer-x) * -2.5deg + var(--progress) * 4deg));z-index:2;width:min(55vw,730px);transition:transform .2s linear;top:13vh;right:5vw}.raster-object--controller img{mix-blend-mode:screen;object-fit:contain}.controller-hotspot{background:var(--green);height:32px;transform:scale(calc(1 + var(--progress) * .3));border:8px solid #0b0c0c99;border-radius:50%;width:32px;position:absolute;bottom:32%;right:18%;box-shadow:0 0 0 1px #b7ff00b3,0 0 28px #b7ff0059}.press-trigger{color:var(--paper);cursor:pointer;letter-spacing:.11em;text-transform:uppercase;z-index:5;background:0 0;border:1px solid #b7ff00a6;border-radius:100px;align-items:center;gap:12px;padding:12px 16px 12px 12px;font-size:10px;transition:background .18s,color .18s,transform .12s;display:flex;position:absolute;bottom:16vh;left:8vw}.press-trigger:hover,.press-trigger:focus-visible{background:var(--green);color:var(--ink);outline:none}.press-trigger:focus-visible{box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--green)}.press-trigger.is-pressed{transform:translateY(2px)scale(.97)}.press-trigger-dot{background:var(--green);border-radius:50%;width:9px;height:9px}.press-trigger:hover .press-trigger-dot,.press-trigger.is-pressed .press-trigger-dot{background:var(--ink)}.controller-rest{color:#f1f2ee61;letter-spacing:.1em;text-transform:uppercase;gap:16px;font-size:9px;display:flex;position:absolute;bottom:16vh;right:8vw}.scene--signal{background:var(--green);color:var(--ink)}.signal-stage{background:var(--green)}.signal-copy{z-index:4;position:absolute;top:25vh;left:8vw}.signal-copy h2{font-size:clamp(58px,9vw,140px)}.signal-copy h2 span{color:var(--ink)}.signal-field{height:44vh;position:absolute;top:42vh;left:0;right:0;overflow:hidden}.signal-line{background:var(--ink);height:2px;transform:scaleX(calc(.07 + var(--signal-progress) * 1.05));transform-origin:0;width:100%;transition:transform .12s linear;position:absolute;top:52%;left:0}.signal-pulse{background:var(--green);border:3px solid var(--ink);height:21px;transform:scale(calc(.8 + var(--signal-progress) * .9));border-radius:50%;width:21px;position:absolute;top:-9px;right:-10px}.signal-crosshair{border:1px solid var(--ink);height:160px;left:calc(8vw + var(--signal-progress) * 72vw);opacity:.2;transform:translateX(-50%) scale(calc(.65 + var(--signal-progress) * 1.8));border-radius:50%;width:160px;position:absolute;top:calc(52% - 80px)}.signal-word{bottom:2vh;left:calc(8vw + var(--signal-progress) * 52vw);letter-spacing:-.11em;opacity:.12;font-size:clamp(80px,15vw,220px);font-weight:700;line-height:.8;position:absolute;transform:translate(-50%)}.signal-status{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:10px;font-weight:700;position:absolute;bottom:14vh;left:8vw}.signal-axis{letter-spacing:.12em;text-transform:uppercase;gap:26px;font-size:9px;display:flex;position:absolute;bottom:14vh;right:8vw}.signal-axis span:nth-child(2){color:var(--green-deep)}.scene--keyboard,.keyboard-stage{background:var(--paper)}.keyboard-copy{z-index:3;position:absolute;top:22vh;left:8vw}.keyboard-copy h2{font-size:clamp(56px,8.2vw,125px)}.keyboard-copy h2 span{color:var(--green-deep)}.raster-object--keyboard{height:min(67vh,770px);transform:translate3d(calc(var(--pointer-x) * 18px), calc(var(--pointer-y) * 10px + var(--progress) * -6vh), 0) rotate(calc(var(--pointer-x) * 1.8deg - var(--progress) * 4deg));z-index:1;width:min(65vw,840px);transition:transform .2s linear;top:23vh;right:2vw}.raster-object--keyboard img{mix-blend-mode:multiply;object-fit:contain}.virtual-keys{left:calc(58vw + var(--progress) * -6vw);z-index:4;gap:8px;display:flex;position:absolute;top:61vh;transform:rotate(-5deg)}.virtual-key{background:var(--green);box-shadow:0 6px 0 var(--green-deep);cursor:pointer;height:56px;transform:translateY(calc((var(--progress) * -8px) + (var(--key-index) * 1px)));border:0;width:56px;padding:0;transition:transform .12s,box-shadow .12s}.virtual-key span{letter-spacing:-.08em;font-size:27px;font-weight:700;display:block}.virtual-key:hover,.virtual-key:focus-visible{box-shadow:0 3px 0 var(--green-deep);outline:none;transform:translateY(3px)}.experience[data-key-pulse]:not([data-key-pulse="0"]) .virtual-key:first-child{animation:.78s both key-sequence}.experience[data-key-pulse]:not([data-key-pulse="0"]) .virtual-key:nth-child(2){animation:.78s .11s both key-sequence}.experience[data-key-pulse]:not([data-key-pulse="0"]) .virtual-key:nth-child(3){animation:.78s .22s both key-sequence}.experience[data-key-pulse]:not([data-key-pulse="0"]) .virtual-key:nth-child(4){animation:.78s .33s both key-sequence}@keyframes key-sequence{0%,to{box-shadow:0 6px 0 var(--green-deep);transform:translateY(0)}18%{box-shadow:0 1px 0 var(--green-deep);transform:translateY(7px)}42%{box-shadow:0 6px 0 var(--green-deep);transform:translateY(0)}}.key-retrigger{color:var(--ink);cursor:pointer;letter-spacing:.12em;text-transform:uppercase;z-index:4;background:0 0;border:0;padding:0 0 5px;font-size:10px;font-weight:700;position:absolute;bottom:13vh;left:8vw}.key-retrigger:after{background:var(--green-deep);content:"";transform-origin:0;width:100%;height:2px;transition:transform .2s;position:absolute;bottom:0;left:0;transform:scaleX(.5)}.key-retrigger:hover:after,.key-retrigger:focus-visible:after{transform:scaleX(1)}.key-retrigger:focus-visible{outline:2px solid var(--green-deep);outline-offset:4px}.keyboard-caption{letter-spacing:.12em;text-transform:uppercase;gap:20px;font-size:9px;display:flex;position:absolute;bottom:13vh;right:8vw}.scene--orange{background:var(--orange);color:var(--paper)}.orange-stage{background:var(--orange)}.orange-copy{z-index:3;position:absolute;top:28vh;left:8vw}.orange-copy h2{font-size:clamp(57px,8.4vw,128px)}.orange-copy h2 span{color:var(--ink)}.raster-object--orange{height:min(54vh,620px);transform:translate3d(calc(var(--pointer-x) * -14px), calc(var(--pointer-y) * -10px), 0) rotate(calc(var(--pointer-x) * -2deg + var(--progress) * 5deg)) scale(calc(.82 + var(--progress) * .18));z-index:1;width:min(63vw,820px);transition:transform .18s linear;top:26vh;right:2vw}.raster-object--orange img{mix-blend-mode:multiply;object-fit:cover}.orange-annotation{letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:700;position:absolute;bottom:14vh;left:8vw}.scene--ending{background:var(--black);color:var(--paper)}.ending-stage{background:radial-gradient(circle at 70% 46%, #b7ff0017, transparent 30%), var(--black)}.ending-copy{z-index:3;position:absolute;top:30vh;left:8vw}.ending-copy h2{font-size:clamp(58px,8.7vw,134px)}.ending-copy h2 span{color:var(--green)}.raster-object--ending{height:min(56vh,650px);transform:translate3d(calc(var(--pointer-x) * 12px), calc(var(--pointer-y) * 8px), 0) scale(calc(.84 + var(--progress) * .16));z-index:1;width:min(64vw,860px);transition:transform .2s linear;top:24vh;right:0}.raster-object--ending img{mix-blend-mode:screen;object-fit:contain}.ending-lockup{z-index:5;flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:absolute;bottom:14vh;left:8vw}.ending-lockup img{filter:brightness(0)invert();width:88px}.ending-lockup span,.ending-footnote{color:#f1f2ee7a;letter-spacing:.12em;text-transform:uppercase;font-size:9px}.ending-footnote{position:absolute;bottom:14vh;right:8vw}.experience-footer{background:var(--black);color:#f1f2ee80;letter-spacing:.12em;text-transform:uppercase;border-top:1px solid #f1f2ee26;justify-content:space-between;align-items:center;gap:28px;padding:22px 28px;font-size:9px;display:flex}.experience-footer a{color:var(--green)}[data-reduced-motion=true] .raster-object,[data-reduced-motion=true] .coin-rail,[data-reduced-motion=true] .pendulum-guide,[data-reduced-motion=true] .signal-line,[data-reduced-motion=true] .signal-crosshair,[data-reduced-motion=true] .signal-word{transition:none;transform:none}[data-reduced-motion=true] .virtual-key,[data-reduced-motion=true] .virtual-key:hover{transform:none;animation:none!important}[data-reduced-motion=true] .signal-line{transform:scaleX(.55)}[data-reduced-motion=true] .signal-word{opacity:.14;left:48%}@media (width<=760px){.prototype-ribbon{white-space:nowrap;gap:8px;min-height:27px;padding:0 14px;font-size:8px;left:0;right:auto;overflow:hidden}.ribbon-status{display:none}.topline{padding:17px 16px;top:27px}.topline-meta span:first-child{display:none}.topline-meta{gap:0}.brand-mark img{width:58px}.scene--hero,.scene--momentum,.scene--keyring,.scene--controller,.scene--signal,.scene--keyboard,.scene--orange,.scene--ending{min-height:134vh}.sticky-stage{min-height:560px}.scene-label{top:96px;left:16px}.hero-copy,.momentum-copy,.keyring-copy,.controller-copy,.signal-copy,.keyboard-copy,.orange-copy,.ending-copy{top:21vh;left:16px}.hero-copy h1,.momentum-copy h2,.keyring-copy h2,.controller-copy h2,.signal-copy h2,.keyboard-copy h2,.orange-copy h2,.ending-copy h2{font-size:clamp(53px,16.8vw,90px);line-height:.84}.hero-note,.scene-note{max-width:180px;font-size:12px}.raster-object--hero{width:96vw;height:65vw;transform:translate3d(calc(var(--pointer-x) * -8px), calc(var(--pointer-y) * -7px + var(--progress) * -8vh), 0) rotate(calc(var(--pointer-x) * 1.2deg - var(--progress) * 2deg)) scale(calc(.92 + var(--progress) * .15));top:46vh;right:-18vw}.hero-index{bottom:25px;left:16px}.hero-side-note{font-size:9px;bottom:25px;right:16px}.momentum-copy{top:18vh}.coin-rail{height:54vh;transform:translate3d(calc(var(--pointer-x) * 11px), calc(var(--pointer-y) * 8px), 0);width:118vw;top:39vh;right:-36vw}.momentum-marker{bottom:8vh;left:16px;right:auto}.green-signal-dot{bottom:8vh;left:auto;right:22px}.keyring-copy{top:17vh}.raster-object--keyring{height:76vh;transform:translate3d(calc(var(--pointer-x) * 8px), calc(var(--pointer-y) * 8px + var(--progress) * -5vh), 0) rotate(calc(var(--pointer-x) * 2deg + var(--progress) * 3deg));width:88vw;top:26vh;right:-17vw}.pendulum-guide{height:42vh;top:29vh;left:58%}.keyring-caption{flex-direction:column;gap:7px;bottom:8vh;left:16px}.controller-copy{top:18vh}.raster-object--controller{width:112vw;height:63vh;top:38vh;right:-29vw}.controller-hotspot{border-width:5px;width:24px;height:24px;right:22%}.press-trigger{bottom:9vh;left:16px}.controller-rest{gap:8px;font-size:8px;bottom:10vh;right:16px}.signal-copy{top:20vh}.signal-field{top:44vh}.signal-status{bottom:10vh;left:16px}.signal-axis{flex-direction:column;gap:4px;bottom:10vh;right:16px}.keyboard-copy{top:17vh}.raster-object--keyboard{width:135vw;height:54vh;top:43vh;right:-43vw}.virtual-keys{top:auto;bottom:16vh;left:16px;transform:rotate(-4deg)}.virtual-key{width:46px;height:46px}.virtual-key span{font-size:22px}.key-retrigger{bottom:8vh;left:16px}.keyboard-caption{text-align:right;flex-direction:column;gap:5px;bottom:8vh;right:16px}.orange-copy{top:21vh}.raster-object--orange{width:132vw;height:50vh;top:41vh;right:-34vw}.orange-annotation{bottom:8vh;left:16px}.ending-copy{top:21vh}.raster-object--ending{width:135vw;height:49vh;top:43vh;right:-33vw}.ending-lockup{bottom:8vh;left:16px}.ending-footnote{font-size:8px;bottom:8vh;right:16px}.experience-footer{flex-direction:column;align-items:flex-start;gap:11px;padding:18px 16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
