:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--surface:#fff;--surface-subtle:#f3f3f0;--ink:#171717;--muted:#62625f;--line:#d9d9d5;--accent:#293fff;--highlight:#293fff;--on-highlight:#fff;--font:"Helvetica Neue", Helvetica, Arial, sans-serif;--type-caption:.8125rem;--type-body:1.0625rem;--type-heading:clamp(2.5rem, 5vw, 4.5rem);--type-display:clamp(3.25rem, 7.1vw, 7.5rem);--gutter:clamp(1.25rem, 4.2vw, 5rem);--section-space:clamp(5rem, 10vw, 10rem);--control-size:2.75rem;--radius:2px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--surface:#171717;--surface-subtle:#222221;--ink:#f5f5f1;--muted:#b4b4ad;--line:#484845;--accent:#a4afff}}@media (prefers-contrast:more){:root{--muted:var(--ink);--line:var(--ink)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{background:var(--surface);color:var(--ink);font:400 var(--type-body)/1.5 var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-underline-offset:.25em}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:default;opacity:.5}::selection{background:var(--accent);color:var(--surface)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}img,video,canvas{max-width:100%;display:block}button{min-height:var(--control-size);border-radius:var(--radius)}.skip{background:var(--surface);z-index:5;padding:1rem;position:absolute;top:-6rem;left:1rem}.skip:focus{top:1rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.wrap{max-width:1680px;padding-inline:var(--gutter);margin-inline:auto}.header{justify-content:space-between;align-items:center;gap:2rem;min-height:104px;display:flex}.wordmark{letter-spacing:-.065em;align-items:center;font-size:1.5rem;font-weight:600;text-decoration:none;display:inline-flex}.mark{margin-right:.45rem;font-size:2.1rem;font-weight:400}.wordmark-dot{color:var(--accent)}nav{gap:2.25rem;font-size:.9375rem;display:flex}nav a{align-items:center;gap:.75rem;min-height:44px;text-decoration:none;display:inline-flex}nav a:hover,.text-link:hover,.contact-link:hover{color:var(--accent)}.hero-top{padding-top:5rem}.eyebrow{font-size:var(--type-caption);letter-spacing:.03em;align-items:center;gap:.6rem;margin-bottom:2rem;display:flex}.status-dot{background:var(--ink);border-radius:50%;width:6px;height:6px}h1{font-size:var(--type-display);letter-spacing:-.065em;line-height:1.02}h1 span,.section-heading h2 span{color:var(--muted)}.hero-intro{justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:2.5rem;display:flex}.hero-intro p{color:var(--muted);font-size:1.125rem;line-height:1.55}.text-link{white-space:nowrap;align-items:center;gap:3rem;min-height:44px;font-size:.9375rem;text-decoration:none;display:flex}.hero-image{height:clamp(290px,37vw,610px);margin-top:3.5rem;overflow:hidden}.caption{font-size:var(--type-caption);color:var(--muted)}input[type=range]{appearance:none;cursor:pointer;width:110px;min-height:44px;accent-color:var(--ink);background:0 0}input[type=range]::-webkit-slider-runnable-track{background:var(--muted);height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);border-radius:50%;width:12px;height:12px;margin-top:-5px}input[type=range]::-moz-range-track{background:var(--muted);height:2px}input[type=range]::-moz-range-thumb{background:var(--ink);border:none;border-radius:50%;width:12px;height:12px}.section{padding-block:var(--section-space)}.approach,.principle,.about{grid-template-columns:1fr 2fr;gap:3rem;display:grid}.section>.eyebrow{align-self:start;padding-top:.7rem}h2{font-size:var(--type-heading);letter-spacing:-.055em;line-height:1.08}.lead{letter-spacing:-.025em;max-width:680px;margin-top:2.4rem;font-size:clamp(1.375rem,2.2vw,1.875rem);line-height:1.4}.body-copy{max-width:620px;color:var(--muted);margin-top:1.25rem}.research-lines{margin-top:3.5rem}.research-lines>div{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1rem;padding:1.1rem 0;display:grid}.research-lines p{color:var(--muted)}.experiments{padding-top:1rem}.section-heading{grid-template-columns:1fr 2fr;align-items:start;gap:3rem;margin-bottom:3rem;display:grid}.section-heading>.eyebrow{margin-top:.7rem}.study-tabs{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.study-tabs button{text-align:left;color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;justify-content:space-between;align-items:center;gap:.5rem;padding:1.2rem 1rem;display:flex}.study-tabs button:first-child{padding-left:0}.study-tabs button[aria-pressed=true]{border-bottom-color:var(--accent);color:var(--accent)}.study-tabs button span{opacity:0}.study-tabs button[aria-pressed=true] span{opacity:1}.study-tabs button:hover{background:var(--surface-subtle)}.study-media{background:var(--surface-subtle);aspect-ratio:16/9;margin-top:1.25rem;position:relative;overflow:hidden}.study-media img,.study-media video{object-fit:cover;filter:grayscale();width:100%;height:100%}.study-media video{position:absolute;inset:0}.study-2 img{object-fit:contain}.media-tag{background:var(--surface);font-size:var(--type-caption);padding:.45rem .75rem;position:absolute;top:1.25rem;left:1.25rem}.playback{border-bottom:1px solid var(--line);align-items:center;gap:1.5rem;padding-block:.6rem;display:flex}.playback button{font-size:var(--type-caption);white-space:nowrap;background:0 0;border:0;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.playback button:hover{color:var(--accent)}.playback input{flex:1}.playback .caption{white-space:nowrap}.study-caption{grid-template-columns:1fr 2fr;gap:1rem 3rem;padding-top:1.5rem;display:grid}.study-caption>*{grid-column:2}.study-caption h3{letter-spacing:-.025em;font-size:1.375rem}.study-caption div p{color:var(--muted);max-width:650px;margin-top:.75rem}.study-caption>p{justify-self:start;max-width:650px}.media-error{padding:1rem 0}.principle{border-top:1px solid var(--line)}.about{background:var(--surface-subtle);max-width:none;padding-inline:max(var(--gutter), calc((100vw - 1680px)/2 + var(--gutter)))}.contact-link{align-items:center;gap:4rem;min-height:44px;margin-top:2.5rem;font-size:1.375rem;display:inline-flex}.footer{font-size:var(--type-caption);align-items:center;gap:2rem;padding-block:2rem;display:flex}.footer p{color:var(--muted);margin-right:auto}.footer .wordmark{font-size:1.25rem}@media (width>=1700px){.hero-image{max-width:1680px;margin-inline:auto}}@media (width<=760px){.header{gap:1rem;min-height:84px}nav{gap:1rem;font-size:.8125rem}.wordmark{font-size:1.3rem}.mark{font-size:1.6rem}.hero-top{padding-top:3rem}.eyebrow{margin-bottom:1.5rem;font-size:.75rem}.hero-intro{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-top:1.75rem}.hero-intro p{font-size:1.0625rem}.desktop-break{display:none}.hero-image{height:330px;margin-top:2rem}.hero-toolbar{flex-wrap:wrap}.approach,.principle,.about{grid-template-columns:1fr;gap:1rem}.section>.eyebrow{margin-bottom:1rem}.research-lines>div{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.research-lines{margin-top:2rem}.section-heading{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.study-tabs button{padding:.9rem .45rem;font-size:.8125rem}.study-tabs button span{display:none}.study-media{aspect-ratio:4/3}.media-tag{top:.75rem;left:.75rem}.playback{flex-wrap:wrap;gap:.75rem}.playback input{min-width:80px}.playback .caption{display:none}.study-caption{grid-template-columns:1fr;gap:1rem}.study-caption>*{grid-column:1}.study-caption>p{justify-self:start;max-width:none}.footer{flex-wrap:wrap;gap:1rem 1.25rem}.footer p{width:calc(100% - 115px);margin:0}.footer span{margin-left:auto}}@media (width<=370px){nav{gap:.65rem}.mark{display:none}h1{font-size:2.85rem}}.header,nav{flex-wrap:wrap}h1,h2,h3{overflow-wrap:anywhere}.section-content{min-width:0}@media (width<=760px){.header{row-gap:.3rem;padding-block:1rem}.study-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.study-tabs button{overflow-wrap:anywhere}.text-link{white-space:normal}.research-lines>div{grid-template-columns:1fr;gap:.35rem}.playback button{white-space:normal;text-align:left}}.eyebrow{background:var(--highlight);width:fit-content;color:var(--on-highlight);letter-spacing:0;padding:.02em .14em;line-height:1.25;display:table}.section>.eyebrow{margin-top:.7rem;padding:.02em .14em}.hero-top .eyebrow{gap:.5rem;display:flex}.status-dot{background:currentColor}.shader-image{position:relative}.shader-image canvas,.shader-image .shader-source{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.shader-source{filter:grayscale()}.shader-source.shader-active{opacity:0}.shader-image canvas{pointer-events:none}.hero-pause{right:var(--gutter);background:var(--surface);font-size:var(--type-caption);border:0;align-items:center;gap:.65rem;padding:.4rem .8rem;display:flex;position:absolute;bottom:1rem}.hero-pause:hover{color:var(--accent)}.hero-player .hero-image{border-bottom:1px solid var(--line)}.shader-image.contain .shader-source{object-fit:contain}.hero-caption{padding-block:.75rem}.goal{padding-bottom:0}.goal-intro{grid-template-columns:1fr 2fr;gap:3rem;margin-bottom:3.5rem;display:grid}.goal-intro>.eyebrow{align-self:start;margin-top:.7rem}.software-concept{margin-top:3rem}.editor-shell{--chrome:#ededeb;--chrome-deep:#dededb;--chrome-line:#d1d1ce;--chrome-mark:#a5a5a0;border:1px solid var(--chrome-line);background:var(--chrome);color:#777773;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #17171708}.editor-topbar{border-bottom:1px solid var(--chrome-line);justify-content:space-between;align-items:center;height:clamp(26px,3.3vw,48px);padding-inline:1.5%;display:flex}.window-dots{gap:clamp(3px,.4vw,6px);display:flex}.window-dots i{background:#b8b8b3;border-radius:50%;width:clamp(4px,.55vw,8px);height:clamp(4px,.55vw,8px)}.editor-tabs{gap:8%;width:22%;height:55%;display:flex}.editor-tabs i{background:var(--chrome-deep);border-radius:3px;width:50%}.editor-tabs i+i{opacity:.55;width:35%}.editor-window-actions{gap:8px;width:4%;display:flex}.editor-window-actions i{border:1px solid var(--chrome-mark);flex:1;height:7px}.editor-workspace{grid-template-columns:17% 65% 18%;display:grid}.editor-layers,.editor-inspector{padding:11% 8%}.editor-layers{border-right:1px solid var(--chrome-line)}.editor-inspector{border-left:1px solid var(--chrome-line)}.skeleton-heading{justify-content:space-between;align-items:center;gap:12%;margin-bottom:18%;display:flex}.skeleton-heading i,.skeleton-line{background:var(--chrome-mark);border-radius:2px;width:52%;height:clamp(3px,.45vw,6px);display:block}.skeleton-heading b{aspect-ratio:1;border:1px solid var(--chrome-mark);border-radius:2px;width:8%}.layer-row{border-radius:3px;align-items:center;gap:8%;margin-inline:-5%;padding:6% 5%;display:flex}.layer-row.selected{background:var(--chrome-deep)}.layer-thumb{aspect-ratio:1;background:#c1c1bc;border-radius:2px;width:13%}.thumb-1{border:1px solid var(--chrome-mark);background:0 0}.thumb-2{background:radial-gradient(var(--chrome-mark) 1px,transparent 1px) 0 0 / 3px 3px}.layer-line{background:#bcbcb6;border-radius:2px;height:clamp(2px,.3vw,4px)}.eye-symbol{aspect-ratio:1.5;border:1px solid var(--chrome-mark);border-radius:50%;width:9%;margin-left:auto}.layer-divider{background:var(--chrome-line);height:1px;margin:22% 0}.asset-grid{grid-template-columns:1fr 1fr;gap:8%;display:grid}.asset-grid i{aspect-ratio:1.3;background:var(--chrome-deep);border-radius:3px}.editor-center{min-width:0}.editor-tools{border-bottom:1px solid var(--chrome-line);justify-content:space-between;align-items:center;height:clamp(25px,3.7vw,52px);padding-inline:2%;display:flex}.editor-tools>div{align-items:center;gap:clamp(3px,.6vw,8px);height:65%;display:flex}.editor-tools span{aspect-ratio:1;border-radius:3px;place-items:center;height:100%;padding:14%;display:grid}.editor-tools span.selected{color:#555550;background:#d6d6d2}.editor-tools svg{width:clamp(9px,1.35vw,20px);max-height:100%}.editor-tools .view-cube{border:1px solid var(--chrome-mark);width:clamp(8px,1.1vw,15px);height:55%;margin-right:8px;padding:0;transform:rotate(-12deg)}.editor-tools .tool-dots{padding:0;font-size:1.1rem}.editor-viewport{background:var(--surface);position:relative}.editor-viewport .study-media{aspect-ratio:1.7;margin:0}.selection-box{border:1px solid var(--accent);width:26%;height:42%;color:var(--accent);position:absolute;top:27%;left:58%}.selection-box>i{border:1px solid var(--accent);background:var(--surface);width:clamp(3px,.4vw,6px);height:clamp(3px,.4vw,6px);position:absolute}.selection-box>i:first-child{top:-3px;left:-3px}.selection-box>i:nth-child(2){top:-3px;right:-3px}.selection-box>i:nth-child(3){bottom:-3px;left:-3px}.selection-box>i:nth-child(4){bottom:-3px;right:-3px}.transform-gizmo{width:60%;position:absolute;top:26%;left:14%}.viewport-axis{width:6%;color:var(--accent);position:absolute;bottom:4%;left:3%}.editor-timeline{border-top:1px solid var(--chrome-line);padding:2% 3% 4%}.timeline-top{align-items:center;gap:3%;height:clamp(12px,1.8vw,25px);display:flex}.timeline-play{border-top:3px solid #0000;border-bottom:3px solid #0000;border-left:5px solid var(--chrome-mark);width:0;height:0}.timeline-top .skeleton-line{width:8%;height:3px}.timeline-ticks{background:repeating-linear-gradient(90deg,var(--chrome-mark) 0 1px,transparent 1px 5%);opacity:.7;flex:1;height:35%}.timeline-tracks{padding-top:1.5%;position:relative}.timeline-track{gap:1%;height:clamp(10px,1.6vw,23px);display:flex}.timeline-track i{background:#c1c1bc;border-radius:2px;flex:1}.timeline-track.secondary{width:70%;height:clamp(5px,.9vw,13px);margin-top:1%}.timeline-track.secondary i{background:#d2d2cd}.timeline-cursor{background:var(--accent);width:1px;height:125%;position:absolute;bottom:-7%;left:39%}.timeline-cursor:before{content:"";background:var(--accent);width:5px;height:6px;position:absolute;top:0;left:-2px}.inspector-preview{background:var(--chrome-deep);border-radius:4px;place-items:center;height:18%;margin-bottom:20%;display:grid}.inspector-preview span{aspect-ratio:1;background:radial-gradient(circle at 30% 25%,#eeeeea,#989893);border-radius:50%;width:36%}.inspector-group{margin-bottom:18%}.inspector-group .skeleton-line{width:40%;margin-bottom:10%}.property-boxes{gap:5%;display:flex}.property-boxes i{aspect-ratio:1.8;background:var(--chrome-deep);border-radius:2px;width:30%}.property-slider{background:var(--chrome-line);height:2px;margin-top:12%;position:relative}.property-slider i{background:#9d9d97;border-radius:50%;width:clamp(4px,.6vw,8px);height:clamp(4px,.6vw,8px);position:absolute;top:50%;transform:translateY(-50%)}.inspector-toggle{justify-content:space-between;align-items:center;display:flex}.inspector-toggle i{aspect-ratio:2;background:var(--chrome-mark);border-radius:10px;width:20%}.editor-status{border-top:1px solid var(--chrome-line);align-items:center;gap:1%;height:clamp(12px,1.6vw,24px);padding-inline:1.5%;display:flex}.editor-status i{background:var(--chrome-mark);border-radius:50%;width:4px;height:4px}.editor-status span,.editor-status b{background:var(--chrome-line);width:5%;height:3px}.editor-status b{width:9%;margin-left:auto}.software-concept figcaption{margin-top:1rem}@media (width<=760px){.goal-intro{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.editor-shell{border-radius:6px}.editor-tools span{padding:7%}.software-concept{margin-top:2rem}.editor-tools .tool-dots{font-size:.7rem}}.media-filters{pointer-events:none;position:absolute}.shader-image .shader-source{filter:url(#blue-media)}.editor-tools span{flex-shrink:0;width:clamp(14px,2.4vw,34px);padding:0}@media (width>=761px){.goal-intro>.eyebrow,.section>.eyebrow,.section-heading>.eyebrow{align-self:start;margin:0;position:sticky;top:calc(50vh - .645em)}}.editor-shell{position:relative}.editor-inspector{grid-template-rows:minmax(0,1fr) minmax(0,1fr);min-height:0;padding:0;display:grid}.editor-properties{padding:11% 8%;overflow:hidden}.editor-properties .inspector-preview{height:37%;margin-bottom:12%}.editor-properties .skeleton-heading{margin-bottom:14%}.editor-properties .inspector-group{margin-bottom:12%}.editor-chat{border-top:1px solid var(--chrome-line);background:#fff;flex-direction:column;gap:6%;min-width:0;min-height:0;padding:8%;display:flex;overflow:hidden}.editor-chat>*{flex-shrink:0}.editor-chat-heading{height:8%;color:var(--chrome-mark);align-items:center;gap:8%;display:flex}.editor-chat-heading svg{aspect-ratio:1;height:75%}.editor-chat-heading span{background:var(--chrome-mark);border-radius:2px;width:42%;height:clamp(3px,.45vw,6px)}.editor-chat-heading i{aspect-ratio:1;border:1px solid var(--chrome-mark);border-radius:2px;width:7%;margin-left:auto}.editor-chat-request{background:var(--chrome);border-radius:3px;flex-direction:column;justify-content:space-between;align-self:flex-end;width:72%;height:17%;padding:7%;display:flex}.editor-chat-request i,.editor-chat-response i{background:#bcbcb6;border-radius:2px;height:clamp(2px,.3vw,4px);display:block}.editor-chat-request i:last-child{width:66%}.editor-chat-response{flex-direction:column;justify-content:space-between;width:87%;height:13%;margin-top:3%;display:flex}.editor-chat-response i:nth-child(2){width:92%}.editor-chat-response i:last-child{width:61%}.editor-chat-input{background:var(--chrome);border-radius:3px;align-items:center;gap:6%;height:13%;min-height:13%;margin-top:auto;padding:5%;display:flex}.editor-chat-input>span{background:#bcbcb6;border-radius:2px;width:48%;height:clamp(2px,.3vw,4px)}.editor-chat-input b{aspect-ratio:1;background:var(--chrome-mark);color:#fff;border-radius:2px;width:14%;margin-left:auto}.editor-chat-input svg{width:100%;height:100%;display:block}
