.scene{transition:transform 1.1s var(--ease-out), filter .8s var(--ease-out);position:absolute;inset:0;overflow:hidden;container-type:size}.scene[data-run=false] *,.scene[data-run=false] :before,.scene[data-run=false] :after{animation-play-state:paused!important}[data-lit=true]>.scene,[data-lit=true] .scene{transform:scale(1.035)}[data-dim=true] .scene{filter:saturate(.8)brightness(.85)}.w-layer{will-change:transform;position:absolute;inset:-48px}.w-layer>*{position:absolute}@media (max-width:1023px){.w-layer{transform:none!important}}.scene-grain{pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:.9s steps(5,end) infinite grain;position:absolute;inset:-100%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.ph-img{mix-blend-mode:luminosity;opacity:var(--ph-o,.24);filter:grayscale()contrast(1.08);transition:opacity .9s var(--ease-out), transform 1.6s var(--ease-out);inset:0}[data-lit=true] .ph-img{opacity:calc(var(--ph-o,.24) * 2.1)}.ph-wash{background:linear-gradient(180deg, transparent 30%, color-mix(in srgb, var(--ground) 70%, transparent) 70%, var(--ground) 100%);pointer-events:none;position:absolute;inset:0}.sh-stack{aspect-ratio:16/10;transform-origin:0 0;width:118cqw;transition:left .95s var(--ease-out), top .95s var(--ease-out), width .95s var(--ease-out);top:calc(48px + 12cqh);left:calc(48px + 14cqw);transform:perspective(1800px)rotateY(-16deg)rotateX(7deg)}.sh-card{transform:translate3d(calc(var(--i) * -9%), calc(var(--i) * 30%), 0);opacity:.78;transition:opacity .9s var(--ease-out);background:#fff;border-radius:10px;outline:1px solid #ffffff24;position:absolute;inset:0;overflow:hidden;box-shadow:0 40px 80px -30px #000000b3}[data-lit=true] .sh-card{opacity:1}@container (min-aspect-ratio:1){.sh-stack{width:46cqw;top:calc(48px + 10cqh);left:calc(48px + 52cqw)}}.pk-cloud{width:84cqw;height:auto;animation:pk-float 9s var(--ease-in-out) infinite alternate;transition:left .95s var(--ease-out), top .95s var(--ease-out), width .95s var(--ease-out);top:calc(48px + 14cqh);left:calc(48px + 8cqw)}.pk-ridge{opacity:.8;width:240cqw;height:auto;transition:left .95s var(--ease-out), width .95s var(--ease-out);bottom:48px;left:calc(48px - 70cqw)}@container (min-aspect-ratio:1){.pk-cloud{width:38cqw;top:calc(48px + 8cqh);left:calc(48px + 52cqw)}.pk-ridge{width:100cqw;left:48px}}@keyframes pk-float{0%{transform:translateY(-1.5%)}to{transform:translateY(1.5%)}}.pk-sheen{animation:pk-sheen 7s var(--ease-in-out) 1.2s infinite;background:linear-gradient(110deg,#0000 42%,#ffffff61 50%,#0000 58%) 0 0/300% 100% no-repeat;position:absolute;inset:0;-webkit-mask:url(/8peaks/pixel-cloud.svg) 50%/100% 100% no-repeat;mask:url(/8peaks/pixel-cloud.svg) 50%/100% 100% no-repeat}@keyframes pk-sheen{0%{background-position:120% 0}45%,to{background-position:-20% 0}}.ow-glow{background:radial-gradient(circle at 50% 34%,#03908f73 0%,#0305058c 62%,#020303bf 100%);position:absolute;inset:0}.ow-stage{aspect-ratio:393.18/386;width:58cqw;transition:left .95s var(--ease-out), top .95s var(--ease-out), width .95s var(--ease-out);position:absolute;top:30%;left:50%;translate:-50% -50%}@container (min-aspect-ratio:1){.ow-stage{width:24cqw;top:38cqh;left:72cqw}.ow-glow{background:radial-gradient(circle at 72% 38%,#03908f73 0%,#03050580 45%,#020303b3 100%)}}.ow-main{filter:drop-shadow(0 0 12px #03908f73);transition:filter .3s;position:absolute;inset:0}.ow-stage[data-phase=glitching] .ow-main{animation:80ms infinite alternate ow-jitter}.ow-stage[data-phase=clear] .ow-main{filter:drop-shadow(0 0 28px #4fc3c0bf)brightness(1.05);animation:.35s cubic-bezier(.175,.885,.32,1.275) forwards ow-pop}.ow-ghost{mix-blend-mode:screen;opacity:.75;position:absolute;inset:0}.ow-ghost-red{animation:.16s steps(2,end) infinite ow-glitch-red}.ow-ghost-cyan{animation:.14s steps(2,end) infinite ow-glitch-cyan}.ow-eyes{transform-origin:196.59px 242px}.ow-eyes.is-blinking{animation:.85s cubic-bezier(.25,1,.5,1) forwards ow-blink}.ow-flash{opacity:0;pointer-events:none;background:#ffffffd9;transition:opacity .12s ease-out;position:absolute;inset:0}.ow-flash[data-on=true]{animation:.3s ease-out ow-flash}@keyframes ow-flash{0%{opacity:.3}to{opacity:0}}@keyframes ow-jitter{0%{transform:translate(-1.5px,1px)}33%{transform:translate(2px,-1.5px)}66%{transform:translate(-2px,-1px)}to{transform:translate(1px,2px)}}@keyframes ow-pop{0%{transform:scale(.97)}60%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes ow-glitch-red{0%{clip-path:inset(10% 0 70%);transform:translate(-3px,1.5px)}25%{clip-path:inset(45% 0 25%);transform:translate(4px,-2px)}50%{clip-path:inset(75% 0 5%);transform:translate(-4px,-1px)}75%{clip-path:inset(20% 0 55%);transform:translate(2px,3px)}to{clip-path:inset(60% 0 15%);transform:translate(-3px,-2px)}}@keyframes ow-glitch-cyan{0%{clip-path:inset(60% 0 15%);transform:translate(3px,-1.5px)}25%{clip-path:inset(15% 0 65%);transform:translate(-3px,2px)}50%{clip-path:inset(35% 0);transform:translate(4px,1px)}75%{clip-path:inset(80% 0 10%);transform:translate(-2px,-3px)}to{clip-path:inset(5% 0 80%);transform:translate(2px,2px)}}@keyframes ow-blink{0%{transform:scaleY(1)}12%{transform:scaleY(.75)}18%{transform:scaleY(.95)}28%{transform:scaleY(.35)}35%{transform:scaleY(.8)}44%{transform:scaleY(.25)}52%{transform:scaleY(.85)}60%{transform:scaleY(.4)}70%{transform:scaleY(.12)}78%{transform:scaleY(.04)}90%{transform:scaleY(.04)}96%{transform:scaleY(1.15)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.scene,[data-lit=true] .scene{transform:none}.scene *{animation:none!important}}.pt-root{--spring:cubic-bezier(.16, 1, .3, 1);--enter:cubic-bezier(.76, 0, .24, 1)}.pt-meta{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;white-space:nowrap;align-items:center;gap:10px;font-size:10px;display:flex}.pt-meta-rule{opacity:.6;background:currentColor;flex-shrink:0;width:22px;height:1px}.pt-columns{display:grid;position:relative}.pt-column{min-width:0}.pt-panel{isolation:isolate;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;height:60svh;min-height:420px;display:block;position:relative;overflow:hidden}.pt-panel:not([data-lit=true]) .ph-img{opacity:calc(var(--ph-o,.24) * 1.6)}.pt-root[data-focused=true] .pt-panel:not([data-lit=true]) .scene{filter:brightness(.45)saturate(.6)}.pt-root[data-focused=true] .pt-panel:not([data-lit=true]) .pt-copy{opacity:.55}.pt-wash{z-index:1;background:var(--tint);mix-blend-mode:color;opacity:.85;pointer-events:none;transition:opacity .5s var(--ease-out);position:absolute;inset:0}.pt-panel[data-lit=true] .pt-wash{opacity:0}.pt-floor{opacity:.7;transition:opacity .6s var(--ease-out);background:linear-gradient(#0000 42%,#04040a59 66%,#04040ad1 100%),linear-gradient(#04040a73 0%,#0000 22%);position:absolute;inset:0}.pt-panel[data-lit=true] .pt-floor{opacity:1}.pt-copy{z-index:2;transition:opacity .3s var(--ease-out);padding:0 6vw 28px;position:absolute;bottom:0;left:0;right:0}.pt-num{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.16em;color:#fff9;transition:opacity .9s var(--ease-out) calc(var(--d) + .2s);margin-bottom:1.4vh;font-size:11px;display:block}.pt-title{color:var(--pt-ink,color-mix(in srgb, var(--tint) 42%, white));transition:color .6s var(--ease-out);font-size:clamp(2.4rem,10.5vw,4rem)}.pt-panel[data-lit=true] .pt-title{color:var(--pt-ink,color-mix(in srgb, var(--tint) 22%, white))}.pt-title-line{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.pt-title-line>span{transition:transform 1.2s var(--spring) var(--d);display:block}.pt-title-line+.pt-title-line>span{transition-delay:calc(var(--d) + 70ms)}.pt-panel[data-ready=false] [data-reveal]{transform:translateY(105%)}.pt-panel[data-ready=false] .pt-num{opacity:0}.pt-panel:focus-visible .pt-title-line>span{text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--glow);text-decoration-color:var(--glow)}.pt-more{grid-template-rows:1fr;display:grid}.pt-more>div{min-height:0;overflow:hidden}.pt-desc{color:#fffc;max-width:34ch;padding-top:2vh;font-size:.92rem;line-height:1.5}.pt-products{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--pt-ink,color-mix(in srgb, var(--tint) 35%, white));margin-top:1.4vh;font-size:10px;line-height:1.7}.pt-cue{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:#fff;align-items:center;gap:10px;margin-top:2.2vh;font-size:10px;display:inline-flex}.pt-thread{display:none}@media (min-width:768px){.pt-columns{grid-template-columns:1fr 1fr}.pt-panel{height:calc(50svh - 36px);min-height:400px}.pt-copy{padding:0 4vw 24px}.pt-title{font-size:5.2vw}}@media (min-width:1024px){.pt-columns{display:flex;position:absolute;inset:0}.pt-column{transition:flex-grow .95s var(--enter);flex:1 1 0}.pt-column[data-hidden=true]{flex-grow:.0001}.pt-panel{height:100%;min-height:0}.pt-copy{padding:0 2.4vw 9vh}.pt-title{font-size:clamp(1.9rem,2.85vw,4rem)}.pt-more{transition:grid-template-rows .7s var(--spring);grid-template-rows:0fr}.pt-panel[data-lit=true] .pt-more,.pt-panel:focus-visible .pt-more{grid-template-rows:1fr}.pt-more>div>*{opacity:0;transition:opacity .25s, transform .5s var(--ease-out);transform:translateY(10px)}.pt-panel[data-lit=true] .pt-more>div>*,.pt-panel:focus-visible .pt-more>div>*{opacity:1;transition:opacity .7s .2s, transform .9s var(--spring) .2s;transform:none}.pt-thread{z-index:5;pointer-events:none;filter:drop-shadow(0 1px 2px #04040a8c);width:100%;height:100%;transition:opacity .3s var(--ease-out);display:block;position:absolute;inset:0}.pt-thread path{stroke-dasharray:1;stroke-dashoffset:1px}.pt-thread[data-ready=true] path{animation:4.2s cubic-bezier(.45,0,.25,1) .35s forwards thread-draw}.pt-root[data-entering=true] .pt-thread{opacity:0}}@keyframes thread-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.pt-thread path{stroke-dashoffset:0!important;animation:none!important}}.pt-panel[data-entering=true] .pt-copy,.pt-panel[data-entering=true] .pt-floor,.pt-column[data-hidden=true] .pt-copy{opacity:0}.pt-cover{z-index:3;animation:cover-in .5s var(--ease-out) .38s both;position:absolute;inset:0}@keyframes cover-in{0%{opacity:0}}::view-transition-old(.world-cut){animation-duration:.32s;animation-timing-function:ease-out}::view-transition-new(.world-cut){animation-duration:.32s;animation-timing-function:ease-out}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
