@font-face{font-family:Rubik;src:url(../fonts/rubik-variable.ttf) format("truetype");font-style:normal;font-weight:300 900;font-display:swap}:root{color-scheme:light;--navy:#132554;--blue:#00a3dd;--paper:#f4f6f8;--surface:#fff;--ink:#111827;--muted:#697386;--line:#d9dee7;--header:rgba(244,246,248,.9);--container:76rem;--header-height:4.75rem;--radius:.65rem}html[data-theme="dark"]{color-scheme:dark;--paper:#071124;--surface:#0c1930;--ink:#f5f7fb;--muted:#a7b0c1;--line:#263754;--header:rgba(7,17,36,.9)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height);background:var(--paper)}body{margin:0;min-width:20rem;background:var(--paper);color:var(--ink);font-family:Rubik,system-ui,sans-serif;font-size:1rem;line-height:1.55}img,svg{display:block}img{max-width:100%;height:auto}a{color:inherit}button{font:inherit}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}::selection{background:var(--blue);color:#071329}[hidden]{display:none!important}.container{width:min(calc(100% - 3rem),var(--container));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:1000;padding:.65rem .9rem;border-radius:.35rem;background:var(--ink);color:var(--paper);text-decoration:none;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.eyebrow{margin:0;color:var(--blue);font-size:.7rem;font-weight:650;letter-spacing:.15em;line-height:1.3;text-transform:uppercase}.site-header{position:sticky;top:0;z-index:80;height:var(--header-height);border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent);background:var(--header);backdrop-filter:blur(16px)}.header-inner{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:space-between;height:100%;gap:2rem}.brand-link,.footer-brand{position:relative;display:block}.brand-link{width:8.1rem;min-height:2.1rem}.brand-mark{width:100%}.brand-link .brand-mark{position:absolute;inset:50% auto auto 0;transform:translateY(-50%)}.brand-mark--dark,html[data-theme="dark"] .brand-mark--light{display:none}html[data-theme="dark"] .brand-mark--dark{display:block}.theme-toggle{display:none;width:2.55rem;height:2.55rem;place-items:center;border:1px solid var(--line);border-radius:.5rem;background:var(--surface);color:var(--ink);cursor:pointer}.js .theme-toggle{display:grid}.theme-icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.theme-icon--moon,html[data-theme="dark"] .theme-icon--sun{display:none}html[data-theme="dark"] .theme-icon--moon{display:block}.splash{position:fixed;inset:0;z-index:900;display:grid;place-items:center;background:var(--navy);transition:opacity .22s ease , visibility .22s ease}.splash__content img{width:min(56vw,17rem);animation:splash-in .38s ease both}.splash__skip{position:absolute;right:1.25rem;bottom:1.25rem;min-height:2.75rem;border:0;background:transparent;color:#ffffffa6;font-size:.75rem;cursor:pointer}.splash.is-leaving{opacity:0;visibility:hidden}html.splash-visible{overflow:hidden}@keyframes splash-in{0%{opacity:0}to{opacity:1}}.intro{min-height:calc(100svh - var(--header-height));display:grid;align-items:center;overflow:hidden}.intro__inner{padding-block:clamp(4rem,8vw,7rem)}.intro__copy{position:relative;max-width:66rem;padding-left:clamp(1.25rem,3vw,2.5rem);border-left:2px solid var(--blue)}.intro__copy:after{position:absolute;right:-28vw;bottom:.3rem;left:calc(100% + 3rem);height:1px;background:var(--line);content:""}.intro h1{max-width:12ch;margin:1.35rem 0 0;font-size:clamp(3.6rem,8vw,7.8rem);font-weight:520;letter-spacing:-.075em;line-height:.9}.intro__text{max-width:38rem;margin:2rem 0 0;color:var(--muted);font-size:clamp(1rem,1.45vw,1.18rem)}.intro__scroll{display:inline-flex;align-items:center;gap:.85rem;min-height:2.75rem;margin-top:2rem;color:var(--ink);font-size:.75rem;font-weight:550;text-decoration:none}.intro__scroll>span{position:relative;display:block;width:1.15rem;height:2rem;border:1px solid var(--line);border-radius:999px}.intro__scroll i{position:absolute;top:.42rem;left:50%;width:2px;height:.38rem;border-radius:999px;background:var(--blue);transform:translate(-50%);animation:scroll-cue 1.6s ease-in-out infinite}@keyframes scroll-cue{0%,to{opacity:.35;transform:translate(-50%)}50%{opacity:1;transform:translate(-50%,.55rem)}}.story{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr);align-items:start;background:var(--surface)}.story__stage{position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));overflow:hidden;background-color:#091936;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) , linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:3rem 3rem;color:#fff}.story__stage:after{position:absolute;inset:0;z-index:8;border:1px solid rgba(255,255,255,.1);content:"";pointer-events:none}.stage-chrome{position:absolute;z-index:10;top:clamp(1.5rem,4vw,3rem);right:clamp(1.5rem,4vw,3rem);left:clamp(1.5rem,4vw,3rem);display:flex;justify-content:space-between;color:#ffffff8c;font-size:.66rem;font-weight:550;letter-spacing:.14em}.stage-chrome span:last-child{color:var(--blue)}.stage-chrome b{font-weight:inherit}.scene{position:absolute;inset:0;opacity:0;transform:scale(1.02);transition:opacity .52s ease , transform .72s ease;pointer-events:none}.scene.is-active{z-index:2;opacity:1;transform:scale(1)}.stage-progress{position:absolute;z-index:10;right:clamp(1.5rem,4vw,3rem);bottom:clamp(1.5rem,4vw,3rem);left:clamp(1.5rem,4vw,3rem);display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.stage-progress i{height:2px;background:#ffffff2e;transition:background .3s ease}.story__stage[data-stage="0"] .stage-progress i:nth-child(1),.story__stage[data-stage="1"] .stage-progress i:nth-child(-n+2),.story__stage[data-stage="2"] .stage-progress i{background:var(--blue)}.story__steps{min-width:0}.mobile-stage-copy{display:none}.story-step{min-height:calc(100svh - var(--header-height));display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,7vw,7rem);border-bottom:1px solid var(--line);opacity:.38;transition:opacity .35s ease}.story-step.is-active{opacity:1}.story-step h2{max-width:10ch;margin:1.2rem 0 0;font-size:clamp(2.7rem,5.4vw,5.7rem);font-weight:520;letter-spacing:-.065em;line-height:.94}.story-step>p:last-child{max-width:30rem;margin:1.6rem 0 0;color:var(--muted);font-size:clamp(.95rem,1.25vw,1.08rem)}.meter-bank{position:absolute;inset:18% 10% 15%;display:grid;grid-template-columns:2.5rem repeat(5,minmax(1.5rem,1fr));align-items:stretch;gap:clamp(.75rem,2.2vw,2rem)}.meter-labels{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:2.25rem;color:#ffffff57;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem}.meter{position:relative;display:flex;align-items:stretch;justify-content:flex-end;flex-direction:column;gap:.9rem}.meter:before{position:absolute;inset:0 0 2.2rem;background:repeating-linear-gradient(to top,rgba(255,255,255,.07) 0 3px,transparent 3px 9px);content:""}.meter i{position:relative;z-index:1;width:100%;height:var(--level);min-height:1rem;background:repeating-linear-gradient(to top,var(--blue) 0 3px,transparent 3px 9px);transform-origin:bottom}.scene.is-active .meter:nth-child(3) i,.scene.is-active .meter:nth-child(5) i{animation:meter-breathe 1.8s ease-in-out infinite alternate}.meter--master i{background:repeating-linear-gradient(to top,#fff 0 3px,transparent 3px 9px)}.meter span{min-height:1.3rem;color:#ffffff80;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.58rem;letter-spacing:.05em;white-space:nowrap}.scene-caption{position:absolute;right:10%;bottom:8%;margin:0;color:#ffffff52;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.6rem;letter-spacing:.1em}@keyframes meter-breathe{0%{transform:scaleY(.92)}to{transform:scaleY(1)}}.av-flow{position:absolute;inset:22% 8% 18%;display:grid;grid-template-columns:minmax(7rem,.85fr) minmax(2rem,.28fr) minmax(8.5rem,1fr) minmax(2rem,.28fr) minmax(7rem,.9fr);align-items:center}.av-node{position:relative;min-width:0;padding:clamp(.8rem,2vw,1.35rem);border:1px solid rgba(255,255,255,.2);border-radius:.45rem;background:#030c1d9e}.av-node>span,.av-node>small{display:block;color:#ffffff6b;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(.48rem,.75vw,.6rem);letter-spacing:.08em;text-transform:uppercase}.av-node>strong{display:block;margin-top:.3rem;font-size:clamp(.7rem,1.2vw,.92rem);font-weight:530;letter-spacing:.04em}.av-node>small{margin-top:.8rem;color:var(--blue)}.source-preview,.display-frame{position:relative;aspect-ratio:16 / 9;margin-top:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:#ffffff09}.source-preview{display:grid;grid-template-columns:1fr .65fr;grid-template-rows:1fr 1fr;gap:2px;padding:2px}.source-preview i{background:#00a3dd47}.source-preview i:first-child{grid-row:1 / 3;background:#00a3dd94}.display-frame{display:grid;place-items:center}.display-frame i{width:54%;aspect-ratio:16 / 9;border:1px solid var(--blue);box-shadow:0 0 1.5rem #00a3dd38}.matrix-status{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;margin-top:1.2rem}.matrix-status i{height:.28rem;border-radius:999px;background:#ffffff1f}.matrix-status i:nth-child(-n+3){background:var(--blue)}.av-connection{position:relative;height:1px;background:#ffffff38}.av-connection:after{position:absolute;top:50%;left:0;width:.42rem;height:.42rem;border-radius:50%;background:var(--blue);box-shadow:0 0 .8rem #00a3ddcc;content:"";transform:translate(-50%,-50%)}.scene.is-active .av-connection:after{animation:signal-travel 2s ease-in-out infinite}.av-connection--output:before{position:absolute;top:-2.8rem;right:0;bottom:-2.8rem;width:1px;background:#ffffff38;content:""}.av-outputs{display:grid;gap:.7rem}.av-node--display,.av-node--audio{padding:.8rem}.audio-wave{display:flex;align-items:center;height:2.4rem;gap:.28rem;margin-top:.7rem}.audio-wave i{width:.25rem;height:38%;border-radius:999px;background:var(--blue)}.audio-wave i:nth-child(2){height:72%}.audio-wave i:nth-child(3){height:100%}.audio-wave i:nth-child(4){height:58%}.audio-wave i:nth-child(5){height:82%}.scene.is-active .audio-wave i{animation:audio-wave 1.3s ease-in-out infinite alternate}.scene.is-active .audio-wave i:nth-child(2){animation-delay:-.35s}.scene.is-active .audio-wave i:nth-child(3){animation-delay:-.7s}.scene.is-active .audio-wave i:nth-child(4){animation-delay:-.2s}@keyframes signal-travel{0%{left:0;opacity:0}15%,85%{opacity:1}to{left:100%;opacity:0}}@keyframes audio-wave{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}.terminal{position:absolute;inset:20% 11% 17%;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);background:#020917c2;box-shadow:0 2rem 5rem #00000040}.terminal__bar{display:flex;align-items:center;gap:.42rem;height:2.7rem;padding-inline:1rem;border-bottom:1px solid rgba(255,255,255,.12)}.terminal__bar i{width:.45rem;height:.45rem;border-radius:50%;background:#ffffff40}.terminal__bar i:nth-child(2){background:#00a3dd8c}.terminal__bar span{margin-left:.5rem;color:#fff6;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem}.terminal__body{padding:clamp(1.1rem,3vw,2.5rem);color:#ffffffad;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(.62rem,1.1vw,.82rem);line-height:1.8}.terminal__body p{margin:0;opacity:0}.scene.is-active .terminal__body p{animation:terminal-line .3s ease forwards}.scene.is-active .terminal__body p:nth-child(2){animation-delay:90ms}.scene.is-active .terminal__body p:nth-child(3){animation-delay:.18s}.scene.is-active .terminal__body p:nth-child(4){animation-delay:.27s}.scene.is-active .terminal__body p:nth-child(5){animation-delay:.41s}.scene.is-active .terminal__body p:nth-child(6){animation-delay:.5s}.scene.is-active .terminal__body p:nth-child(7){animation-delay:.65s}.terminal__body b,.terminal__body em{color:var(--blue);font-style:normal;font-weight:500}.terminal__gap{padding-top:1rem}.terminal__cursor span{display:inline-block;width:.5rem;height:.95em;background:var(--blue);vertical-align:-.1em;animation:cursor-blink .9s steps(1,end) infinite}@keyframes terminal-line{to{opacity:1}}@keyframes cursor-blink{50%{opacity:0}}.projects{padding-block:clamp(6rem,11vw,10rem)}.section-heading{margin-bottom:clamp(3rem,6vw,5rem)}.section-heading h2,.contact h2,.legal-content h1,.not-found h1{max-width:15ch;margin:.9rem 0 0;font-size:clamp(2.6rem,5.5vw,5.5rem);font-weight:500;letter-spacing:-.06em;line-height:.98}.project-list{border-top:1px solid var(--line)}.project{display:grid;grid-template-columns:4rem minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:8.5rem;border-bottom:1px solid var(--line)}.project>span,.project small{color:var(--muted);font-size:.67rem;font-weight:550;letter-spacing:.1em;text-transform:uppercase}.project p{margin:0;color:var(--blue);font-size:.66rem;font-weight:650;letter-spacing:.11em;text-transform:uppercase}.project h3{margin:.3rem 0 0;font-size:clamp(1.15rem,2.2vw,1.65rem);font-weight:510;letter-spacing:-.03em}.contact{padding-block:clamp(4rem,8vw,7rem);background:var(--surface)}.contact__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.7fr);align-items:end;gap:4rem;padding:clamp(2.5rem,6vw,5.5rem);border-radius:var(--radius);background:var(--navy);color:#fff}.contact__action p{margin:0 0 1.1rem;color:#ffffffa6;font-size:.85rem}.contact__action a{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:3rem;padding-bottom:.45rem;border-bottom:1px solid var(--blue);font-size:clamp(1rem,2vw,1.25rem);text-decoration:none}.contact__action a span{color:var(--blue)}.site-footer{padding-block:2rem;border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.footer-brand{width:7rem;min-height:1.65rem}.footer-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.7rem 1.25rem;color:var(--muted);font-size:.72rem}.footer-meta a{text-underline-offset:.25rem}.legal-main,.not-found{min-height:calc(100svh - var(--header-height));padding-block:clamp(4rem,10vw,8rem)}.legal-content{max-width:50rem}.back-link{display:inline-block;min-height:2.75rem;margin-bottom:2.5rem;color:var(--muted);font-size:.8rem;text-underline-offset:.3rem}.legal-content h1{margin-bottom:3rem}.legal-content h2{margin:2.5rem 0 .7rem;font-size:1.25rem;font-weight:520}.legal-content p{color:var(--muted)}.legal-content blockquote{margin:2rem 0;padding:1rem 1.2rem;border-left:2px solid var(--blue);background:var(--surface)}.legal-content blockquote p{margin:0;color:var(--ink)}.not-found{display:grid;align-items:center}.not-found__inner{max-width:55rem}.not-found__inner>p:not(.eyebrow){max-width:34rem;margin:1.4rem 0 0;color:var(--muted)}.contact-link--inline{display:inline-block;min-height:2.75rem;margin-top:2rem;text-underline-offset:.35rem}.js [data-reveal]{opacity:0;transform:translateY(.6rem);transition:opacity .42s ease , transform .42s ease}.js [data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (max-width:54rem){.header-inner{grid-template-columns:auto auto}.contact__inner{grid-template-columns:1fr}.intro h1{font-size:clamp(3.6rem,12vw,6rem)}.story{position:relative;display:block}.story__stage{z-index:2;height:calc(100svh - var(--header-height));height:calc(100dvh - var(--header-height));min-height:34rem}.story__stage .scene{inset:0 0 40%}.stage-progress{bottom:calc(40% + 1.25rem)}.mobile-stage-copy{position:absolute;z-index:12;right:0;bottom:0;left:0;display:flex;min-height:40%;flex-direction:column;justify-content:center;padding:clamp(1.5rem,6vw,3rem);border-top:1px solid var(--line);background:var(--surface);color:var(--ink)}.mobile-stage-copy h2{max-width:15ch;margin:.65rem 0 0;font-size:clamp(2rem,7vw,3.4rem);font-weight:520;letter-spacing:-.055em;line-height:.98}.mobile-stage-copy>p:last-child{max-width:36rem;margin:.9rem 0 0;color:var(--muted);font-size:.92rem}.story__steps{position:relative;z-index:0;margin-top:calc(var(--header-height) - 100svh);margin-top:calc(var(--header-height) - 100dvh)}.story-step{min-height:calc(100svh - var(--header-height));min-height:calc(100dvh - var(--header-height));padding:0;opacity:0!important;pointer-events:none}.meter-bank{inset:20% 9% 16%}.av-flow{inset:22% 5% 18%;grid-template-columns:minmax(5rem,.85fr) 1.5rem minmax(6.5rem,1fr) 1.5rem minmax(5rem,.9fr)}.av-node{padding:.7rem}.av-node>span,.av-node>small{font-size:.46rem}.av-node>strong{font-size:.62rem}.terminal{inset:22% 7% 17%}}@media (max-width:36rem){:root{--header-height:4.4rem}.container{width:min(calc(100% - 2rem),var(--container))}.brand-link{width:7rem}.intro__inner{padding-block:3rem}.intro__copy{padding-left:1.25rem}.intro h1{font-size:clamp(3rem,14vw,4.6rem);line-height:.92}.meter-bank{grid-template-columns:1.8rem repeat(5,minmax(1rem,1fr));gap:.55rem}.meter span{overflow:hidden;font-size:.5rem}.av-flow{inset:24% 4% 19%;grid-template-columns:minmax(4.4rem,.9fr) 1rem minmax(5.4rem,1fr) 1rem minmax(4.4rem,.9fr)}.source-preview,.display-frame{margin-top:.6rem}.matrix-status{gap:.2rem;margin-top:.8rem}.av-node>small{display:none}.audio-wave{height:1.5rem;margin-top:.4rem}.terminal__body{white-space:nowrap}.project{grid-template-columns:2.5rem minmax(0,1fr)}.project small{display:none}.contact__inner{gap:2.5rem;padding:2rem}.footer-inner{align-items:flex-start;flex-direction:column}.footer-meta{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.terminal__body p{opacity:1}}