@import "https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-sans/style.css";@import "https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-mono/style.css";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0b0b0c;--surface:#111113;--surface-2:#17171a;--paper:#ededea;--muted:#85858a;--line:#ededea14;--orange:#ff5a1f;--ease-expo:cubic-bezier(.16,1,.3,1);--ease-power:cubic-bezier(.22,1,.36,1);background:var(--ink);color:var(--paper);font-family:Geist,Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--ink)}body{background:var(--ink);color:var(--paper);min-width:320px;margin:0;overflow-x:hidden}body,button,a{font-family:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;border:0}img{max-width:100%;display:block}.app-shell{background:var(--ink);position:relative;overflow:clip}.grain{pointer-events:none;z-index:20;opacity:.035;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");position:fixed;inset:-50%;transform:rotate(8deg)}.mono,.tech-label,.section-kicker,.eyebrow,.label-toggle,.hero-meta,.scroll-cue,.callout b,.iris-readout,.three-note,.canvas-badge,.experiment-tabs,.stage-axis{text-transform:uppercase;letter-spacing:.04em;font-family:Geist Mono,ui-monospace,SFMono-Regular,monospace;font-size:10px}.site-nav{z-index:15;border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#111113c2;border-radius:99px;justify-content:space-between;align-items:center;gap:20px;padding:10px 12px 10px 16px;display:flex;position:fixed;inset:18px 22px auto}.wordmark{letter-spacing:.02em;align-items:center;gap:9px;font-size:12px;font-weight:680;display:flex}.wordmark-mark{border:1px solid var(--paper);border-radius:50%;width:17px;height:17px;display:inline-block;position:relative}.wordmark-mark:after{content:"";background:var(--orange);border-radius:50%;position:absolute;inset:4px}.wordmark-mark.large{width:32px;height:32px}.wordmark-mark.large:after{inset:8px}.nav-pills{background:#ffffff09;border-radius:99px;align-items:center;gap:4px;padding:3px;display:flex;position:relative}.nav-pills a{z-index:1;color:var(--muted);padding:7px 12px;font-size:11px;transition:color .3s;position:relative}.nav-pills a:hover{color:var(--paper)}.nav-active{background:#ffffff14;border-radius:99px;width:88px;position:absolute;inset:3px auto 3px 3px}.mobile-menu-button,.nav-mobile-links{display:none}.label-toggle{color:var(--muted);white-space:nowrap;background:0 0;align-items:center;gap:7px;padding:7px 10px;display:flex}.status-dot{background:#55555a;border-radius:50%;width:5px;height:5px;transition:background .3s,box-shadow .3s}.status-dot.is-on{background:var(--orange);box-shadow:0 0 10px var(--orange)}.tech-label{width:max-content;color:var(--orange);border:1px solid #ff5a1f59;border-radius:4px;align-items:center;padding:5px 7px;font-size:9px;display:inline-flex}.tech-label.always{margin-bottom:42px}.hero-scroll{height:200vh;position:relative}.hero-stage{transform-origin:50%;background:#080809;height:100vh;position:sticky;top:0;overflow:hidden}.hero-image{object-fit:cover;object-position:center;filter:saturate(.78)contrast(1.08);width:100%;height:100%;position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#070708e0 0%,#0707085c 46%,#0707080a 100%),linear-gradient(#0000 58%,#0707089e);position:absolute;inset:0}.hero-copy{width:min(720px,75vw);position:absolute;top:50%;left:clamp(22px,7vw,110px);transform:translateY(-50%)}.eyebrow-row,.section-kicker{color:var(--muted);align-items:center;gap:14px;display:flex}.eyebrow{font-size:10px}.hero-copy h1,h2,h3,p{margin:0}.hero-copy h1{letter-spacing:-.055em;max-width:760px;margin:18px 0 22px;font-size:clamp(54px,8.4vw,132px);font-weight:520;line-height:.87}.hero-copy h1 .word{white-space:nowrap;display:inline-block}.hero-copy h1 .char{display:inline-block}.hero-copy p{color:#ededeaa3;max-width:330px;font-size:15px;line-height:1.4}.button{border-radius:99px;justify-content:center;align-items:center;gap:18px;min-height:44px;padding:0 20px;font-size:12px;transition:background .3s,color .3s,border-color .3s;display:inline-flex}.button span{color:var(--orange);font-size:17px;line-height:0}.button-primary{background:var(--paper);color:var(--ink);margin-top:28px}.button-primary:hover{background:var(--orange);color:var(--ink)}.button-primary:hover span{color:var(--ink)}.button-outline{border:1px solid var(--line);color:var(--paper)}.button-outline:hover{background:#ff5a1f14;border-color:#ff5a1f80}.hero-meta{color:#ededea80;gap:18px;display:flex;position:absolute;bottom:29px;right:clamp(22px,7vw,110px)}.hero-meta span:before{content:"·";color:var(--orange);margin-right:6px}.scroll-cue{color:#ededea8c;position:absolute;bottom:25px;left:clamp(22px,7vw,110px)}.scroll-cue span{color:var(--orange);margin-left:5px}.iris-close{aspect-ratio:1;width:58vw;transform:translate(-50%,-50%) scale(var(--iris-scale));border:1px solid var(--orange);box-shadow:0 0 0 calc(var(--iris-progress) * 999px) var(--ink), 0 0 90px #ff5a1f38;background:radial-gradient(circle, var(--ink) calc(var(--iris-progress) * 72%), transparent calc(var(--iris-progress) * 72% + 1%));opacity:.6;border-radius:50%;position:absolute;top:50%;left:50%}.iris-close:before,.iris-close:after{content:"";border:1px solid #ff5a1f47;border-radius:50%;position:absolute;inset:5%}.iris-close span{background:var(--orange);box-shadow:0 0 50px var(--orange);border-radius:50%;position:absolute;inset:47%}.section-pad{padding:clamp(86px,10vw,150px) clamp(22px,7vw,110px)}.intro-section{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;min-height:76vh;display:flex}.intro-layout{grid-template-columns:minmax(0,1.25fr) minmax(230px,.55fr);align-items:end;gap:10vw;margin-top:72px;display:grid}h2{letter-spacing:-.06em;font-size:clamp(44px,7vw,108px);font-weight:500;line-height:.9}h2 em,h3 em{color:var(--muted);font-style:normal}.intro-side{max-width:300px;color:var(--muted);padding-bottom:6px;font-size:15px;line-height:1.42}.side-rule{background:linear-gradient(90deg,var(--orange),transparent);width:100%;height:1px;margin-top:34px;display:block}.lens-scroll{background:var(--ink);height:235vh;position:relative}.lens-sticky{flex-direction:column;justify-content:space-between;height:100vh;padding:28px clamp(22px,7vw,110px) 30px;display:flex;position:sticky;top:0;overflow:hidden}.lens-topline,.gallery-head{color:var(--muted);justify-content:space-between;align-items:flex-start;font-size:11px;display:flex}.lens-visual{transform:scale(var(--lens-scale));justify-content:center;align-items:center;transition:transform .12s linear;display:flex;position:absolute;inset:12vh 0 9vh}.lens-visual img{object-fit:cover;filter:contrast(1.16)saturate(.76);border-radius:50%;width:min(68vh,62vw);height:min(68vh,62vw);box-shadow:0 0 0 1px #ffffff12,0 0 100px #ff5a1f14}.focus-ring{aspect-ratio:1;border:1px solid #ff5a1fb8;border-radius:50%;width:min(70vh,64vw);position:absolute;box-shadow:0 0 30px #ff5a1f1a}.callout{width:clamp(230px,27vw,390px);color:var(--paper);transform:scale(calc(1 / var(--lens-scale)));transform-origin:50%;align-items:center;gap:16px;display:flex;position:absolute}.callout-line{background:var(--orange);transform-origin:0;flex:0 0 50%;height:1px;display:block}.callout div{gap:4px;min-width:130px;display:grid}.callout b{color:var(--orange);font-weight:400}.callout strong{font-size:12px;font-weight:500}.callout small{color:var(--muted);line-height:1.2}.callout-top{top:20%;right:9%}.callout-bottom{text-align:right;flex-direction:row-reverse;bottom:17%;left:8%}.callout-bottom .callout-line{transform-origin:100%}.lens-caption{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.lens-caption .mono{color:var(--orange)}.gallery-scroll{background:var(--surface-2);height:220vh;position:relative}.gallery-sticky{height:100vh;padding-top:26px;position:sticky;top:0;overflow:hidden}.gallery-head{color:var(--muted)}.gallery-head h2{color:var(--paper);margin-top:24px;font-size:clamp(42px,6.5vw,92px)}.gallery-track{will-change:transform;align-items:flex-end;gap:16px;height:61vh;margin-top:30px;padding-left:clamp(22px,7vw,110px);transition:transform .1s linear;display:flex}.gallery-card{background:var(--ink);flex:0 0 clamp(58vw,65vw,880px);height:100%;position:relative;overflow:hidden}.gallery-card-2{flex-basis:clamp(36vw,44vw,590px);height:78%}.gallery-card img{object-fit:cover;filter:contrast(1.05)saturate(.78);width:100%;height:100%}.gallery-card-2 img{object-position:center}.gallery-card figcaption{color:#ededeaa8;justify-content:space-between;font-size:11px;display:flex;position:absolute;bottom:16px;left:18px;right:18px}.gallery-card figcaption .mono{color:var(--orange)}.motion-section{background:var(--ink)}.motion-grid{grid-template-columns:1.4fr .8fr;gap:16px;margin-top:60px;display:grid}.stats-panel,.focus-card,.experiment-card{border:1px solid var(--line);background:var(--surface);border-radius:20px}.stats-panel{flex-direction:column;justify-content:space-between;min-height:430px;padding:28px;display:flex}.panel-eyebrow,.focus-kicker{color:var(--muted);font-size:12px}.stats-row{align-items:end;gap:clamp(28px,7vw,100px);display:flex}.stat{gap:8px;display:grid}.stat-value{letter-spacing:-.07em;font-size:clamp(38px,5vw,68px);line-height:.9}.stat-label{max-width:88px;color:var(--muted);font-size:11px;line-height:1.2}.stats-panel .button{align-self:flex-start}.focus-card{background:radial-gradient(240px circle at var(--pointer-x,50%) var(--pointer-y,50%), #ff5a1f38, transparent 60%), var(--surface-2);min-height:430px;padding:28px;transition:background .2s;position:relative;overflow:hidden}.focus-card h3{letter-spacing:-.065em;font-size:clamp(38px,4.4vw,62px);font-weight:500;line-height:.9;position:absolute;bottom:60px;left:28px}.focus-foot{color:var(--orange);position:absolute;bottom:26px;left:28px}.iris-section{background:var(--surface);border-top:1px solid var(--line)}.iris-layout{grid-template-columns:.8fr 1.2fr;align-items:center;gap:10vw;margin-top:65px;display:grid}.iris-copy{max-width:390px}.iris-copy p{color:var(--muted);margin-top:26px;font-size:15px;line-height:1.4}.iris-readout{color:var(--orange);gap:25px;margin-top:42px;display:flex}.iris-demo{min-width:0}.iris-photo{aspect-ratio:16/10;background:var(--ink);border-radius:20px;position:relative;overflow:hidden}.iris-photo img{object-fit:cover;filter:saturate(.75);width:100%;height:100%;transition:filter .2s var(--ease-power)}.iris-svg{aspect-ratio:1;border:1px solid #ffffff1f;border-radius:50%;width:44%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.iris-svg:before{content:"";border:1px solid #ff5a1fb3;border-radius:50%;position:absolute;inset:13%;box-shadow:0 0 50px #ff5a1f33}.iris-svg span{transform-origin:0 0;clip-path:polygon(0 0,100% 18%,86% 100%,0 81%);background:#0b0b0ce0;border:1px solid #ffffff0f;width:34%;height:49%;position:absolute;top:50%;left:50%}.iris-drag{touch-action:none;-webkit-user-select:none;user-select:none;outline:none;height:64px;margin-top:18px;padding:20px 0;position:relative}.iris-track{background:linear-gradient(90deg,var(--orange),#ffffff24);height:1px;position:absolute;top:29px;left:0;right:0}.iris-knob{border:1px solid var(--orange);background:var(--ink);border-radius:50%;place-items:center;width:24px;height:24px;margin-left:-12px;display:grid;position:absolute;top:18px;box-shadow:0 0 0 7px #ff5a1f14}.iris-knob span{background:var(--orange);border-radius:50%;width:5px;height:5px}.iris-min,.iris-max{color:var(--muted);font-size:9px;position:absolute;top:48px}.iris-min{left:0}.iris-max{right:0}.three-section{background:var(--ink)}.three-layout{grid-template-columns:.6fr 1.4fr;align-items:center;gap:7vw;margin-top:50px;display:grid}.three-copy p{max-width:250px;color:var(--muted);margin-top:28px;line-height:1.4}.three-note{color:var(--orange);margin-top:40px;display:block}.three-canvas{border:1px solid var(--line);background:radial-gradient(circle at 50% 40%,#ff5a1f1c,transparent 37%), var(--surface);cursor:grab;border-radius:20px;min-height:500px;position:relative;overflow:hidden}.three-canvas:active{cursor:grabbing}.three-canvas canvas{height:500px!important}.canvas-loading{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.canvas-badge{color:var(--orange);position:absolute;bottom:18px;left:20px}.playground-section{background:var(--surface-2);border-top:1px solid var(--line)}.playground-head{justify-content:space-between;align-items:end;gap:30px;margin-top:58px;display:flex}.playground-head p{max-width:240px;color:var(--muted);font-size:14px;line-height:1.4}.experiment-card{background:var(--ink);margin-top:55px;padding:14px}.experiment-tabs{border:1px solid var(--line);border-radius:99px;gap:5px;width:max-content;padding:4px;display:flex}.experiment-tabs button{color:var(--muted);background:0 0;border-radius:99px;padding:8px 12px;font-size:10px}.experiment-tabs button.is-active{background:var(--paper);color:var(--ink)}.experiment-stage{background:linear-gradient(135deg,#ffffff09,transparent 50%), var(--surface);border-radius:14px;place-items:center;min-height:260px;margin-top:14px;display:grid;position:relative;overflow:hidden}.experiment-stage:before{content:"";background:var(--line);height:1px;position:absolute;inset:50% 5%}.experiment-object{background:var(--orange);border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:relative;box-shadow:0 0 0 1px #ff5a1f80,0 0 60px #ff5a1f2e}.object-core{border:1px solid var(--ink);background:var(--surface);border-radius:50%;width:50px;height:50px;box-shadow:inset 0 0 0 8px #ff5a1f38}.object-label{color:var(--orange);white-space:nowrap;position:absolute;left:calc(100% + 13px)}.stage-axis{color:var(--muted);position:absolute;bottom:16px;left:18px}.experiment-object.mode-css{animation:cssPrecision .72s var(--ease-expo) both}@keyframes cssPrecision{0%{opacity:.4;transform:translate(-34px)scaleX(.8)}to{opacity:1;transform:translate(0)scaleX(1)}}.experiment-foot{color:var(--muted);justify-content:space-between;gap:30px;padding:16px 5px 2px;font-size:11px;display:flex}.experiment-foot .mono{color:var(--orange)}.footer{background:var(--ink);border-top:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:72vh;display:flex}.footer-mark{color:var(--muted);align-items:center;gap:13px;display:flex}.footer-copy{justify-content:space-between;align-items:end;gap:20px;display:flex}.footer-copy h2{font-size:clamp(55px,9vw,132px)}.footer-copy .button{margin-bottom:8px}.footer-meta{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}@media (width<=760px){.site-nav{padding-left:13px;inset:12px 12px auto}.nav-pills{display:none}.mobile-menu-button{border:1px solid var(--line);color:var(--paper);text-transform:uppercase;letter-spacing:.04em;background:0 0;border-radius:99px;padding:8px 10px;font-family:Geist Mono,ui-monospace,monospace;font-size:9px;display:block}.nav-mobile-links{border:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111113f0;border-radius:15px;gap:4px;min-width:150px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.nav-mobile-links a{color:var(--muted);border-radius:9px;padding:10px 11px;font-size:12px}.nav-mobile-links a:hover{color:var(--paper);background:#ffffff0d}.label-toggle{padding-right:4px}.hero-copy{width:calc(100% - 44px);top:47%}.hero-copy h1{font-size:clamp(51px,15vw,86px)}.hero-image{object-position:58% center}.hero-shade{background:linear-gradient(#0707081f 20%,#070708db)}.hero-meta{flex-direction:column;align-items:flex-end;gap:9px;bottom:25px;right:22px}.scroll-cue{bottom:26px}.intro-layout,.motion-grid,.iris-layout,.three-layout{grid-template-columns:1fr;gap:38px}.intro-layout{margin-top:44px}.lens-visual{inset:15vh -8vw 14vh}.lens-visual img,.focus-ring{width:78vw;height:78vw}.callout{gap:8px;width:190px}.callout strong{font-size:10px}.callout small{display:none}.callout-top{top:22%;right:1%}.callout-bottom{bottom:21%;left:1%}.gallery-track{gap:10px;height:54vh;padding-left:22px}.gallery-card{flex-basis:87vw}.gallery-card-2{flex-basis:65vw}.stats-panel,.focus-card{min-height:360px}.stats-row{justify-content:space-between;gap:12px}.stat-value{font-size:36px}.iris-layout{margin-top:44px}.iris-copy{max-width:100%}.iris-photo{aspect-ratio:1}.iris-svg{width:58%}.three-layout{margin-top:42px}.three-canvas{min-height:390px}.three-canvas canvas{height:390px!important}.playground-head{margin-top:42px;display:block}.playground-head p{margin-top:24px}.experiment-foot{line-height:1.4;display:block}.experiment-foot span+span{margin-top:10px;display:block}.footer{min-height:60vh}.footer-copy{display:block}.footer-copy .button{margin-top:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.hero-stage{position:relative}.hero-scroll,.lens-scroll,.gallery-scroll{height:auto;min-height:100vh}.lens-sticky,.gallery-sticky{height:auto;min-height:100vh;position:relative}.gallery-track{overflow-x:auto;transform:none!important}.hero-copy h1 .char{opacity:1!important;filter:none!important;transform:none!important}.iris-close{transform:translate(-50%,-50%)scale(.58)}.focus-card{background:var(--surface-2)}}
