@font-face{font-family:display;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");font-display:swap;font-weight:300 700}@font-face{font-family:display Fallback;src:local("Arial");ascent-override:88.78%;descent-override:26.34%;line-gap-override:0.00%;size-adjust:110.84%}.__className_7c8e51{font-family:display,display Fallback}.__variable_7c8e51{--font-display:"display","display Fallback"}@font-face{font-family:mono;src:url(/_next/static/media/d3ebbfd689654d3a-s.p.woff2) format("woff2");font-display:swap;font-weight:400}@font-face{font-family:mono Fallback;src:local("Arial");ascent-override:77.95%;descent-override:20.91%;line-gap-override:0.00%;size-adjust:131.49%}.__className_c9a9f2{font-family:mono,mono Fallback;font-weight:400}.__variable_c9a9f2{--font-mono:"mono","mono Fallback"}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent-horizontal],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:host,:root{--video-progress:0}*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-mono:var(--font-mono);--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-display);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.\!container{width:100%!important}@media (min-width:40rem){.\!container{max-width:40rem!important}}@media (min-width:48rem){.\!container{max-width:48rem!important}}@media (min-width:64rem){.\!container{max-width:64rem!important}}@media (min-width:80rem){.\!container{max-width:80rem!important}}@media (min-width:96rem){.\!container{max-width:96rem!important}}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}@property --video-progress{syntax:"<number>";inherits:true;initial-value:0}:root{color-scheme:dark;--background:#090909;--foreground:#eeede8;--muted:#92928d;--accent:#ed4937;--border:#ffffff24;--border-strong:#ffffff60;--border-control:#fff5;--surface:#0b0b0b;--surface-raised:#151515;--media-background:#101111;--media-border:#fff3;--text-secondary:#c2c2bb;--text-body:#aaa9a3;--code-background:#111211;--code-foreground:#bfc9c3;--intro-overlay:linear-gradient(90deg,#09090988,transparent 60%);--project-overlay:linear-gradient(0deg,#080808ed,#08080833 60%,#08080866);--overlay-background:#090909cc;--control-background:#09090988;--video-control-background:#090909dc;--artwork-filter:none;--artwork-blend:normal;--glitch-secondary:#80b7c0;--gutter:max(clamp(1.25rem,4vw,5rem),env(safe-area-inset-left),env(safe-area-inset-right));--header-height:100px;--section-space:clamp(5rem,10vw,10rem);--section-action-bottom:120px;--display-scale:clamp(3rem,9.1vw,10rem);--body-scale:clamp(1rem,1.3vw,1.25rem)}:root[data-theme=light]{color-scheme:light;--background:#fafaf8;--foreground:#191a1c;--muted:#676863;--accent:#ba3527;--border:#191a1c26;--border-strong:#191a1c66;--border-control:#191a1c50;--surface:#fafaf8;--surface-raised:#eeefea;--media-background:#f3f4f1;--media-border:#0003;--text-secondary:#4c4e4a;--text-body:#565853;--code-background:#eff0ed;--code-foreground:#38483f;--intro-overlay:linear-gradient(90deg,#fafaf888,transparent 60%);--project-overlay:linear-gradient(0deg,#fafaf8ed,#fafaf82e 60%,#fafaf86b);--overlay-background:#fafaf8cc;--control-background:#fafaf8c4;--video-control-background:#fafaf8ed;--artwork-filter:invert(1) hue-rotate(180deg) brightness(1.08);--artwork-blend:multiply;--glitch-secondary:#287783}*{box-sizing:border-box}html{scroll-padding-top:0}body,html{background:var(--background)}body{color:var(--foreground);font-family:var(--font-display),sans-serif;-webkit-font-smoothing:antialiased;margin:0}body:has(dialog[open]){overflow:hidden}::selection{background:var(--accent);color:var(--background)}a,button{-webkit-tap-highlight-color:transparent}a{text-decoration:none}a,button{color:inherit}button{cursor:pointer;font:inherit}a,button{touch-action:manipulation}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:7px}main:focus{outline:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}.mono{font-family:var(--font-mono),monospace;letter-spacing:.055em;text-transform:uppercase;font-size:10px;font-weight:400;line-height:1.7}.accent{color:var(--accent)}.muted{color:var(--muted)}.tag{max-width:100%;color:var(--foreground);font-family:var(--font-mono),monospace;letter-spacing:.065em;text-align:left;text-transform:uppercase;align-items:center;gap:10px;padding:6px 12px;font-size:clamp(.6875rem,.7vw,.75rem);font-weight:400;line-height:1.5;display:inline-flex;position:relative}.tag:after,.tag:before{content:"";border-block:1px solid var(--border-strong);pointer-events:none;width:5px;position:absolute;top:0;bottom:0}.tag:before{border-left:1px solid var(--border-strong);left:0}.tag:after{border-right:1px solid var(--border-strong);right:0}.tag-icon{width:1.25em;height:1.25em;color:var(--project-accent,var(--accent));flex-shrink:0}.tag--plain{padding:0}.tag--plain:after,.tag--plain:before{display:none}.tag-label{overflow-wrap:anywhere;min-width:0}.skip-link{background:var(--foreground);color:var(--background);z-index:100;padding:1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{--header-foreground:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.site-header{--header-foreground:color-mix(in srgb,var(--foreground),#eeede8 calc(var(--video-progress) * 100%))}}.site-header{--text-hover:var(--header-foreground)}@supports (color:color-mix(in lab,red,red)){.site-header{--text-hover:color-mix(in srgb,var(--header-foreground) 25%,color-mix(in srgb,var(--text-secondary),#c2c2bb calc(var(--video-progress) * 100%)))}}.site-header{--header-accent:var(--accent)}@supports (color:color-mix(in lab,red,red)){.site-header{--header-accent:color-mix(in srgb,var(--accent),#ed4937 calc(var(--video-progress) * 100%))}}.site-header{z-index:40;height:calc(var(--header-height) + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--gutter) 0;color:var(--header-foreground);background:var(--background);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}@supports (color:color-mix(in lab,red,red)){.site-header{background:color-mix(in srgb,color-mix(in srgb,var(--background),#090909 calc(var(--video-progress) * 100%)) 70%,transparent)}}.site-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-header :focus-visible{outline-color:currentColor}.site-header :is(.brand,.language-switcher){transition:color .2s}.language-control:has(.language-switcher:is(:hover,:focus-visible))>.language-chevron,.site-header .language-switcher:is(:hover,:focus-visible){color:var(--text-hover)}.brand{letter-spacing:.09em;align-items:center;gap:13px;font-size:11px;font-weight:500;line-height:1.45;display:flex}.brand-mark{color:var(--header-accent,var(--accent));font-family:sans-serif;font-size:39px;line-height:1}.brand-wordmark{max-width:14ch}.signal-dot{background:var(--accent);vertical-align:middle;width:5px;height:5px;margin-right:12px;display:inline-block}.site-header nav{align-items:center;gap:40px;display:flex}.site-header nav .mono{font-size:12px}.nav-preferences{flex-shrink:0;align-items:center;gap:8px;display:flex}.footer-preferences{display:none}.footer-preference-trigger{min-width:54px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;padding:0 2px;display:inline-flex}.footer-preference-trigger>svg{width:12px;height:12px;transition:transform .2s ease-out}:is(.footer-preference-trigger[aria-expanded=true]>svg,.footer-preference:has(.preference-overlay:popover-open:not([data-closing])) .footer-preference-trigger>svg){transform:rotate(180deg)}.footer-preference-trigger:focus-visible{outline-offset:3px;outline:1px solid}.theme-value-light,:root[data-theme=light] .theme-value-dark{display:none}:root[data-theme=light] .theme-value-light{display:inline}.preference-overlay{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--foreground);opacity:0;background:0 0;border:0;align-items:end;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.preference-overlay:popover-open{opacity:1;display:grid}.preference-overlay::backdrop{background:0 0}.preference-scrim{background:var(--overlay-background);width:100%;height:100%;position:absolute;inset:0}.preference-sheet{width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 24px);padding:20px var(--gutter) max(24px,calc(env(safe-area-inset-bottom) + 16px));border-top:1px solid var(--border-strong);overscroll-behavior:contain;background:var(--surface);text-align:left;position:relative;overflow:auto;transform:translateY(8px)}.preference-overlay:popover-open .preference-sheet{transform:translateY(0)}.preference-overlay[data-closing]{opacity:0}.preference-overlay[data-closing] .preference-sheet{transform:translateY(8px)}body:has(.preference-overlay:popover-open){overflow:hidden}@media (prefers-reduced-motion:no-preference){.preference-overlay{transition:opacity .2s ease-out}.preference-sheet{transition:transform .2s ease-out}@starting-style{.preference-overlay:popover-open{opacity:0}.preference-overlay:popover-open .preference-sheet{transform:translateY(8px)}}}.mobile-drawer-overlay{z-index:70;background:#00000080;position:fixed;inset:0}.mobile-preference-drawer.preference-sheet{z-index:71;border-top:1px solid var(--border);background:var(--background);max-height:80dvh;color:var(--foreground);border-radius:8px 8px 0 0;outline:none;flex-direction:column;margin-top:96px;padding:0;transition:transform .2s ease-out;display:flex;position:fixed;inset:auto 0 0;transform:none}.mobile-drawer-handle{background:var(--foreground);border-radius:999px;flex-shrink:0;width:36px;height:3px;margin:16px auto 0}@supports (color:color-mix(in lab,red,red)){.mobile-drawer-handle{background:color-mix(in srgb,var(--foreground) 12%,var(--background))}}.mobile-drawer-body{width:100%;max-width:448px;padding:16px 16px max(16px,env(safe-area-inset-bottom));margin:0 auto;overflow-y:auto}@media (prefers-reduced-motion:no-preference){.mobile-drawer-overlay[data-vaul-overlay],.mobile-preference-drawer[data-vaul-drawer]{animation-duration:.2s!important;animation-timing-function:ease-out!important}.mobile-preference-drawer[data-state=open]{animation-name:preference-rise-in!important}.mobile-preference-drawer[data-state=closed]{animation-name:preference-slide-out!important}}@keyframes preference-rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes preference-slide-out{to{opacity:0;transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.mobile-drawer-overlay[data-vaul-overlay],.mobile-preference-drawer[data-vaul-drawer]{transition:none!important;animation:none!important}}.preference-options,.preference-options form{gap:0;display:grid}.preference-options button{border:0;border-top:1px solid var(--border);text-align:left;border-radius:0;align-items:center;gap:16px;min-height:54px;padding:16px 34px 16px 0;font-size:12px;display:flex;position:relative}.preference-options button:first-of-type{border-top:0}.preference-option-label{align-items:center;gap:12px;display:flex;position:relative;left:0}.preference-options svg{width:18px;height:18px}.preference-options button>.preference-option-check{width:18px;height:18px;color:var(--accent);pointer-events:none;place-items:center;transition:none;animation:none;display:grid;position:absolute;top:calc(50% - 9px);right:0;transform:none}.preference-option-check>svg{display:block}.preference-options button:focus-visible{outline:1px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:no-preference){.preference-options button>.preference-option-label{transition:left .25s}.preference-options button:focus-visible:not(:disabled)>.preference-option-label{left:4px}}@media (prefers-reduced-motion:no-preference) and (hover:hover){.preference-options button:hover:not(:disabled)>.preference-option-label{left:4px}}.preference-options button:disabled{opacity:.6}.language-control{flex-shrink:0;display:inline-flex;position:relative}.language-switcher{appearance:none;min-width:54px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;outline:none;padding:0 24px 0 2px}.language-switcher:focus-visible{outline-offset:3px;outline:1px solid}.language-chevron{pointer-events:none;width:12px;height:12px;transition:transform .2s ease-out,color .2s;position:absolute;top:50%;left:calc(10px + 2ch + .11em);transform:translateY(-50%)}.language-control:has(.language-dropdown:popover-open:not([data-closing]))>.language-chevron{transform:translateY(-50%)rotate(180deg)}.language-dropdown{width:100%;max-width:none;height:100%;max-height:none;color:var(--foreground);opacity:0;background:0 0;border:0;margin:0;padding:0;transition:opacity .2s ease-out;position:fixed;inset:0;overflow:hidden}.language-dropdown:popover-open{opacity:1}.language-dropdown::backdrop{background:0 0}.language-dropdown-scrim{background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.language-dropdown-panel{top:var(--dropdown-top,calc((var(--header-height) + 44px) / 2 + 8px + env(safe-area-inset-top)));right:var(--dropdown-right,calc(var(--gutter) + 52px));border:1px solid var(--border);background:var(--surface);width:190px;color:var(--foreground);border-radius:6px;padding:4px 16px;transition:transform .2s ease-out;position:absolute;transform:translateY(8px)}.language-dropdown-panel button{text-transform:uppercase;min-height:48px;padding:14px 34px 14px 0}.language-dropdown:popover-open .language-dropdown-panel{transform:translateY(0)}.language-dropdown[data-closing]{opacity:0}.language-dropdown[data-closing] .language-dropdown-panel{transform:translateY(8px)}@starting-style{.language-dropdown:popover-open{opacity:0}.language-dropdown:popover-open .language-dropdown-panel{transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.footer-preference-trigger>svg,.language-chevron,.language-dropdown,.language-dropdown-panel,.language-dropdown-panel button{transition:none}}.theme-toggle{--circle-size:44px;--circle-icon-size:18px;--circle-border:transparent;border-radius:50%;padding:0}.theme-toggle .circle-icon{color:inherit;box-shadow:inset 0 0 0 1px var(--border)}@supports (color:color-mix(in lab,red,red)){.theme-toggle .circle-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border),#ffffff24 calc(var(--video-progress) * 100%))}}.theme-toggle .circle-icon{transition:background-color .2s,box-shadow .2s}.theme-toggle.button:disabled{opacity:1}.theme-toggle-moon,:root[data-theme=light] .theme-toggle-sun{display:none}:root[data-theme=light] .theme-toggle-moon{display:block}.theme-toggle:is(:hover,:focus-visible):not(:disabled) .circle-icon{background:var(--surface-raised)}@supports (color:color-mix(in lab,red,red)){.theme-toggle:is(:hover,:focus-visible):not(:disabled) .circle-icon{background:color-mix(in srgb,var(--surface-raised),#151515 calc(var(--video-progress) * 100%))}}.theme-toggle:is(:hover,:focus-visible):not(:disabled) .circle-icon{box-shadow:inset 0 0 0 1px var(--border-strong)}@supports (color:color-mix(in lab,red,red)){.theme-toggle:is(:hover,:focus-visible):not(:disabled) .circle-icon{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border-strong),#ffffff60 calc(var(--video-progress) * 100%))}}.nav-link{background:0 0;border:0;padding:12px 0;transition:color .2s}:is(.brand,.nav-link,.text-link,.action-link-plain,.action-link-inline,.footer-legal a,.social-links-text a,.policy-content a):is(:hover,:focus-visible):not(:disabled){color:var(--text-hover,var(--text-secondary))}.action-link,.button{align-items:center;gap:24px;min-height:44px;display:inline-flex}.button{flex-shrink:0;justify-content:center;gap:0}.button-text{background:0 0;border:0}.action-icon,.button-icon{flex-shrink:0;display:inline-flex}.action-label{align-items:center;gap:12px;display:inline-flex}.action-link>svg{flex-shrink:0}.action-link-inline{gap:6px}.project-video-error .action-link{font:inherit;letter-spacing:inherit}.action-link-inline>.arrow,.inline-arrow{width:12px;height:12px}.button>.inline-arrow{margin-left:6px}.metadata-list{display:grid}.metadata-list>div{min-width:0}.metadata-list dd{overflow-wrap:anywhere;line-height:1.6}.intro{isolation:isolate;height:auto;min-height:100svh;padding:155px var(--gutter) max(48px,env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative;overflow:hidden}.intro-art{z-index:-2;opacity:.53;width:109%;height:100%;filter:var(--artwork-filter);mix-blend-mode:var(--artwork-blend);position:absolute;top:0;right:-9%}.intro-art img{object-fit:cover}.intro:after{content:"";z-index:-1;background:var(--intro-overlay);pointer-events:none;position:absolute;inset:0}.intro-title-wrap{margin:auto 0 0;padding-top:100px}.intro-title{font-size:var(--display-scale);letter-spacing:-.078em;font-weight:500;line-height:.98}.intro-title .title-reveal-layer>span{display:block}.intro-second{white-space:nowrap}.intro-amp{color:var(--muted);font-weight:400}.title-period{color:var(--accent)}.intro-bottom{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;padding-top:48px;display:grid}.intro-statement{letter-spacing:-.025em;font-size:17px;line-height:1.5}.explore-link{gap:14px;height:56px;padding:0}.explore-link .round-arrow{--circle-size:56px}.action-link.detail-scroll:is(:hover,:focus-visible) .round-arrow,.action-link.explore-link:is(:hover,:focus-visible) .round-arrow{transform:none}.arrow{flex-shrink:0}.media-surface{background:var(--media-background);width:100%;height:100%;position:relative;overflow:hidden}.media-surface.media-surface--intrinsic{background:0 0;align-self:center;height:auto;min-height:0}.media-surface.media-surface--intrinsic img{object-position:center}.theme-image-dark,.theme-image-light{transition:opacity .22s ease-in-out}.theme-image-light{opacity:0}.theme-image-dark,:root[data-theme=light] .theme-image-light{opacity:1}:root[data-theme=light] .theme-image-dark{opacity:0}@media (prefers-reduced-motion:reduce){.theme-image-dark,.theme-image-light{transition:none}}.project-sections .media-surface,.project-video-embed-frame{border-radius:.38rem;overflow:hidden}.project-sections .media-surface[data-artwork=true]{--media-border:#fff3}.project-sections .media-surface:after,.project-video-embed-frame:after{content:"";z-index:2;border:1px solid var(--media-border);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.project-sections .media-surface:fullscreen{border-radius:0}.project-video-embed-frame:fullscreen{border-radius:0}.project-sections .media-surface:fullscreen:after{display:none}.project-video-embed-frame:fullscreen:after{display:none}.image-viewer-trigger{z-index:1;cursor:zoom-in;position:absolute;inset:0}.image-viewer-trigger:focus-visible{outline:2px solid var(--foreground);outline-offset:-4px}.image-viewer-hint{--circle-size:44px;--circle-icon-size:18px;background:var(--surface);color:var(--foreground);opacity:0;transition:opacity .16s ease-out;position:absolute;bottom:16px;right:16px}.image-viewer-trigger:is(:hover,:focus-visible) .image-viewer-hint{opacity:1}.image-viewer{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--foreground);background:var(--background);border:0;margin:0;padding:0;inset:0;overflow:hidden}.image-viewer:focus{outline:none}.image-viewer::backdrop{background:var(--overlay-background)}.image-viewer-viewport{inset:calc(80px + env(safe-area-inset-top)) 24px calc(88px + env(safe-area-inset-bottom));overscroll-behavior:contain;touch-action:none;-webkit-user-select:none;user-select:none;scrollbar-width:none;position:absolute;overflow:auto}.image-viewer-viewport::-webkit-scrollbar{display:none}.image-viewer-viewport[data-zoomed=true]{cursor:grab}.image-viewer-viewport[data-dragging=true]{cursor:grabbing}.image-viewer-canvas{width:100%;height:100%;position:relative}.image-viewer-image{object-fit:contain}.image-viewer-controls{bottom:calc(20px + env(safe-area-inset-bottom));align-items:center;gap:12px;display:flex}.image-viewer-close,.image-viewer-controls{right:max(24px,env(safe-area-inset-right));position:absolute}.image-viewer-close{top:calc(16px + env(safe-area-inset-top))}.image-viewer-reset{font-variant-numeric:tabular-nums;min-width:64px;min-height:44px;font-size:13px}.image-viewer-controls button:disabled{opacity:.35;cursor:default}@media (hover:none){.image-viewer-hint{opacity:1}}@media (max-height:599px) and (pointer:coarse),(max-width:767px){.image-viewer-viewport{inset:calc(80px + env(safe-area-inset-top)) 12px calc(88px + env(safe-area-inset-bottom))}.image-viewer-controls{top:auto;bottom:calc(20px + env(safe-area-inset-bottom));right:max(20px,env(safe-area-inset-right))}.image-viewer-close,.image-viewer-controls .close-button{--circle-size:48px}}@media (prefers-reduced-motion:no-preference){.image-viewer[open],.image-viewer[open]::backdrop{animation:index-fade-in .16s ease-out}}@media (prefers-reduced-motion:reduce){.image-viewer-hint{transition:none}}.media-surface[data-artwork=true]{filter:var(--artwork-filter);mix-blend-mode:var(--artwork-blend);background:#090a0b}.media-surface video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.media-surface[data-media-key=roller-loop]{background:#090a0b}.media-surface[data-media-key=roller-loop] img{object-position:80% center;padding:12vh 4vw}@media (max-width:767px){.media-surface[data-media-key=roller-loop] img{padding:calc(var(--header-height) + 32px) 12px 200px;object-position:center}}@media (max-width:767px) and (orientation:portrait){.project-depth .media-surface:is([data-media-key=mvd],[data-media-key=pivot],[data-media-key=mantra],[data-media-key=roller-loop]){top:calc(var(--header-height) + env(safe-area-inset-top) + 24px);height:min(58svh,124vw);position:absolute}.project-depth .media-surface:is([data-media-key=mvd],[data-media-key=pivot],[data-media-key=mantra]) img{object-position:80% center}.project-depth .media-surface[data-media-key=pivot]{height:min(52svh,112vw)}.project-depth .media-surface[data-media-key=pivot] img{object-position:85% center}.project-depth .media-surface[data-media-key=roller-loop]{width:125%;height:min(60svh,110vw);left:-8%}.project-depth .media-surface[data-media-key=roller-loop] img{object-position:center;padding:0}}@media (max-height:500px) and (orientation:landscape){.media-surface[data-media-key=roller-loop] img{object-position:80% center;padding:20px 7vw}}.next-project .media-surface[data-media-key=roller-loop] img{object-position:80% center;padding:36px 5vw}.video-toggle{z-index:5;background:var(--video-control-background);border:1px solid var(--border);padding:10px 15px;position:absolute;bottom:20px;right:20px}.project-stream{position:relative}[data-project-motion]{--velocity-blur:0px;--rgb-offset:0px}.project-frame,.project-panel{position:relative}.project-frame{background:var(--background);perspective:1400px;height:100svh;min-height:660px;overflow:hidden}.project-depth{filter:blur(var(--velocity-blur));transform-origin:50%;position:absolute;inset:-5%}.project-shade{pointer-events:none;background:var(--project-overlay);position:absolute;inset:0}.project-top{top:calc(var(--header-height) + env(safe-area-inset-top) + 24px);left:var(--gutter);right:var(--gutter);justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute}.project-date{color:var(--text-secondary);flex-shrink:0;font-size:clamp(.6875rem,.7vw,.75rem)}.project-copy{left:var(--gutter);right:var(--gutter);bottom:var(--section-action-bottom);position:absolute}.project-title{letter-spacing:-.075em;font-size:clamp(6rem,min(13vw,20svh),14rem);line-height:1}.project-title--long{text-wrap:balance;font-size:clamp(3rem,min(10vw,16svh),11rem)}.chromatic{text-shadow:var(--rgb-offset) 0 #e23a3266,calc(-1 * var(--rgb-offset)) 0 #72bcc566}.project-bottom{--project-copy-gap:30px;margin-top:var(--project-copy-gap);justify-content:space-between;align-items:end;gap:40px;display:flex}.project-summary{width:460px;max-width:60%;font-size:var(--body-scale);color:var(--text-secondary);flex-shrink:0;line-height:1.55}.project-highlight{margin-top:var(--project-copy-gap);color:var(--foreground);flex-wrap:wrap;align-items:baseline;gap:8px 12px;display:flex}.project-highlight-mark{flex-shrink:0;align-items:baseline;gap:9px;max-width:100%;display:inline-flex}a.project-highlight-mark:is(:hover,:focus-visible) .project-highlight-label{text-underline-offset:4px;text-decoration:underline}.project-highlight-slash,.project-highlight-value{font-size:2.5rem;line-height:1}.project-highlight-value{letter-spacing:-.065em;font-weight:500}.project-highlight-slash{color:var(--accent);font-size:1.875rem;transform:translateY(-.1em)}.project-highlight-context,.project-highlight-label{font-size:.6875rem;line-height:1.6}.project-highlight-context{color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.project-highlight-context{color:color-mix(in srgb,var(--foreground) 60%,var(--text-secondary))}}.circle-icon{border:1px solid var(--circle-border,var(--border-control));width:var(--circle-size,64px);height:var(--circle-size,64px);color:var(--foreground);border-radius:50%;flex-shrink:0;place-items:center;transition:background .3s,color .3s,border-color .3s,transform .3s;display:grid}.circle-icon svg{width:var(--circle-icon-size,24px);height:var(--circle-icon-size,24px)}.action-link:is(:hover,:focus-visible) .round-arrow,.next-project:is(:hover,:focus-visible) .round-arrow,.social-links a:is(:hover,:focus-visible) .circle-icon{background:var(--foreground);color:var(--background)}:is(.action-link,.next-project):is(:hover,:focus-visible) .round-arrow{transform:rotate(45deg)}.contact{z-index:5;padding:64px var(--gutter) 30px;background:var(--background);position:relative}.contact h2{letter-spacing:-.065em;font-size:clamp(2.8rem,6.5vw,7rem);line-height:1.12}.contact-bottom{margin-top:32px}.contact-introduction{max-width:52ch;color:var(--text-secondary);margin-top:24px;font-size:clamp(16px,1.5vw,20px);line-height:1.6}.social-links{flex-wrap:wrap;align-items:start;gap:28px;display:flex}.social-link{align-items:center;display:inline-flex}.social-links a:is(:hover,:focus-visible) .circle-icon{border-color:var(--foreground)}.social-links-icons a:focus-visible{outline:none}.social-links a:focus-visible .social-circle{outline:2px solid var(--foreground);outline-offset:5px}.social-links-text .social-link{min-width:44px;min-height:44px}.site-footer{--text-hover:var(--foreground);z-index:5;padding:80px var(--gutter) max(30px,env(safe-area-inset-bottom));background:var(--background);color:var(--muted);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"meta legal controls";align-items:center;gap:16px 32px;font-size:10px;display:grid;position:relative}.footer-meta{grid-area:meta;min-width:0}.footer-controls{flex-wrap:wrap;grid-area:controls;justify-self:end;align-items:center;gap:16px 24px;min-width:0;display:flex}.footer-socials{gap:24px}.footer-legal{flex-wrap:wrap;grid-area:legal;justify-content:center;gap:4px 24px;display:flex}.footer-legal a{align-items:center;min-height:44px;display:inline-flex}@media (max-width:1279px){.site-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"meta controls""legal legal"}}@media (max-width:767px){.site-footer{text-align:center;grid-template-columns:minmax(0,1fr);grid-template-areas:"controls""legal""meta";justify-items:center}.footer-controls{justify-content:center;justify-self:center}}.policy-page{width:min(100%,880px);padding:calc(var(--header-height) + 72px) var(--gutter) 24px;overflow-wrap:anywhere;margin-inline:auto}.policy-heading>.mono{margin-top:48px;font-size:11px}.policy-heading h1{letter-spacing:-.065em;margin-block:16px 24px;font-size:clamp(2.8rem,7vw,5.5rem);line-height:1.03}.policy-heading>p:last-child{color:var(--muted);font-size:20px;line-height:1.5}.policy-content section{border-top:1px solid var(--border);scroll-margin-top:calc(var(--header-height) + 32px);margin-top:48px;padding-top:24px}.policy-content h2{letter-spacing:-.035em;font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.25}.policy-content p{margin-top:18px;font-size:16px;line-height:1.75}.policy-content a{font-weight:500}.policy-content code{font-size:.9em}.policy-note{color:var(--muted);border-left:2px solid var(--border-strong);padding-left:16px}.index-dialog{overscroll-behavior:contain;width:100%;max-width:100%;height:100dvh;min-height:0;max-height:100dvh;color:var(--foreground);background:var(--surface);border:0;margin:auto;padding:0;inset:0;overflow-y:auto}.index-dialog::backdrop{background:var(--overlay-background)}.index-dialog:focus{outline:none}@media (prefers-reduced-motion:no-preference){.index-dialog[open],.index-dialog[open]::backdrop{animation:index-fade-in .2s ease-out}.index-dialog[open] .index-list{animation:index-rise-in .2s ease-out}}@keyframes index-fade-in{0%{opacity:0}to{opacity:1}}@keyframes index-rise-in{0%{transform:translateY(8px)}to{transform:none}}.index-inner{min-height:100%;padding:calc(max(24px, env(safe-area-inset-top)) + 44px) var(--gutter) max(40px,env(safe-area-inset-bottom))}.close-button{--circle-size:44px;--circle-icon-size:20px;border-radius:50%;padding:0}.close-button .circle-icon{background:var(--surface)}.close-button:is(:hover,:focus-visible):not(:disabled) .circle-icon{background:var(--foreground);color:var(--background)}.index-brand,.index-close{top:calc(var(--header-height) / 2 + env(safe-area-inset-top));z-index:2;position:fixed;transform:translateY(-50%)}.index-brand{left:var(--gutter)}.index-close{right:var(--gutter)}@media (max-height:599px) and (pointer:coarse),(max-width:767px){.index-close{--circle-size:48px;top:auto;bottom:calc(20px + env(safe-area-inset-bottom));transform:none}.index-inner{padding-bottom:calc(88px + env(safe-area-inset-bottom))}}.index-list{margin-top:clamp(24px,5vh,64px)}@media (prefers-reduced-motion:no-preference) and (hover:hover){.index-entry{transition:transform .25s}.index-entry:is(:hover,:focus-within){transform:translate(8px)}}.index-row{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) 240px 24px;align-items:center;gap:20px;padding:18px 0;display:grid}.index-entry:last-child .index-row{border-bottom:1px solid var(--border)}.index-name{letter-spacing:-.06em;font-size:clamp(1.5rem,3vw,3rem);line-height:1.1}.index-category{color:var(--muted)}.index-category .tag{color:var(--muted);padding-inline:0}.index-category .tag:after,.index-category .tag:before{display:none}.detail-hero{position:relative}.detail-top li,.detail-top ol{align-items:center;gap:12px;min-width:0;display:flex}.detail-top ol{flex-wrap:wrap;margin:0;padding:0;list-style:none}.detail-current{color:var(--text-secondary)}.project-sections,.project-video-embed{--case-study-gap:clamp(32px,5vw,80px);--case-study-heading:clamp(2rem,3vw,3rem);--case-study-leading:1.7}.project-video-embed{padding:clamp(48px,6vw,96px) var(--gutter) 0;scroll-margin-top:calc(var(--header-height) + env(safe-area-inset-top));align-items:start}.project-video-embed .section-copy{padding:0}.project-video-embed-frame{aspect-ratio:16/9;background:#000;width:100%;position:relative}.project-video-embed-frame>.file-video{position:absolute;inset:0}.project-video-embed-frame[data-native-ratio=true] .file-video:not(:fullscreen){object-fit:cover}.project-video-embed-frame[data-crop-bottom=true] .file-video:not(:fullscreen){object-position:top}.project-video-embed-frame .file-video{min-height:0}.project-video-embed-frame .file-video:not(:fullscreen){border-radius:inherit}.project-video-embed-error{min-height:inherit;background:var(--surface-raised);flex-wrap:wrap;place-content:center;align-items:center;gap:20px;height:100%;padding:32px;display:flex}.project-video-embed-error p{text-align:center;flex-basis:100%}.project-metadata{padding:60px var(--gutter)}.project-metadata dl{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,2.25fr) minmax(0,.65fr);gap:35px;margin:0}.project-metadata dl:has(>:nth-child(5)){grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,2.25fr) minmax(0,1.2fr) minmax(0,.65fr)}@media (min-width:1440px){.project-metadata dl:has(>:nth-child(6)){grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,2.25fr) minmax(0,.9fr) minmax(0,1.2fr) minmax(0,.65fr)}}@media (min-width:1001px) and (max-width:1439px){.project-metadata dl:has(>:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1001px){.project-metadata dl:has(>:last-child:nth-child(3)){grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.65fr)}}.project-metadata dt{font-size:12px}.project-metadata dd{margin:12px 0 0;font-size:18px}.project-metadata .tag{font:inherit;letter-spacing:inherit;text-transform:inherit}.project-links{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.project-links .action-link{min-height:50px;padding:14px 22px;font-size:14px;line-height:1.5}.project-links .action-icon svg,.project-links .action-link>.arrow{width:18px;height:18px}.project-sections{padding:0 var(--gutter)}.showcase-section{margin:var(--section-space) 0}.section-media--inset{max-width:1200px;margin-inline:auto}.project-photo-story,.project-section-pair{margin:var(--section-space) 0;align-items:start}.project-photo-story>.showcase-section,.project-section-pair>.showcase-section{min-width:0;margin:0}.project-section-pair .technical-copy{display:block}.project-section-pair .result-section{flex-direction:column;align-items:start;gap:28px;padding:0;display:flex}.project-video-embed h2,.showcase-section h2{font-size:var(--case-study-heading);letter-spacing:-.055em;white-space:pre-line;text-wrap:balance;line-height:1.15}.section-copy{align-self:start;padding:0}.section-heading h2{margin:0 0 25px}.result-section>div>p:last-child,.section-copy>p:last-child,.technical-copy>p:last-child{color:var(--text-secondary);font-size:var(--body-scale);line-height:var(--case-study-leading);max-width:60ch}.code-section,.project-section-pair,.text-media{gap:var(--case-study-gap);grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);display:grid}.text-media--balanced,.text-media--portrait{grid-template-columns:repeat(2,minmax(0,1fr))}.text-media--portrait .section-copy{align-self:center}.text-media--portrait .text-media-figure{justify-self:center;width:min(380px,100%)}.text-media--badge{grid-template-columns:minmax(0,1fr) 140px;align-items:center;max-width:900px;margin-inline:auto}.text-media--badge .section-copy{align-self:center}.text-media--badge .text-media-figure{justify-self:center;width:140px}.text-media--badge .media-surface:after{border:0}@media (min-width:1024px){.text-media--wide{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}@media (min-width:768px){.project-section-pair--media-first{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.project-section-pair--media-first>.showcase-section:first-child{grid-area:1/2}.project-section-pair--media-first>.showcase-section:last-child{grid-area:1/1}}.project-photo-story{gap:30px;display:grid}@media (min-width:768px){.project-photo-story{gap:32px var(--case-study-gap);grid-template-columns:minmax(0,1.22fr) minmax(0,1fr)}.project-photo-story>.showcase-section:nth-child(2){flex-direction:column;grid-area:1/2/3;align-self:stretch;display:flex}.project-photo-story>.showcase-section:nth-child(2)>div{flex:1;min-height:0;position:relative}.project-photo-story>.showcase-section:nth-child(2) .showcase-media{height:100%;position:absolute;inset:0}.project-photo-story>.showcase-section:nth-child(2) .showcase-media>img{object-fit:cover}.project-photo-story>.showcase-section:nth-child(3){grid-area:2/1}}.text-media-figure{min-width:0;margin:0}.text-media-visual{min-height:500px}.text-media-visual img{object-position:65% center}.showcase-media{aspect-ratio:16/9}#portrait .showcase-media img{transform-origin:100% 0;transform:scale(1.012)}#event .showcase-media>img{transform:scale(1.1)}#event-group .showcase-media>img{object-position:center bottom}.media-caption{color:var(--text-secondary);max-width:85ch;margin-top:16px;font-size:clamp(.875rem,1.1vw,1rem);line-height:1.6}.technical-copy{max-width:900px;margin-inline:auto}.architecture{padding:0}.architecture-nodes{gap:var(--case-study-gap);margin:var(--case-study-gap) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;list-style:none;display:grid}.architecture-nodes li{grid-template-columns:auto minmax(0,1fr);align-content:start;gap:14px clamp(20px,2.5vw,40px);display:grid}.architecture-step{color:var(--text-secondary);font-family:var(--font-mono),monospace;letter-spacing:-.04em;font-variant-numeric:tabular-nums;grid-row:span 2;font-size:clamp(1.25rem,1.6vw,1.5rem);line-height:1.5}.architecture-nodes h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.2}.architecture-nodes p{color:var(--text-secondary);font-size:var(--body-scale);line-height:var(--case-study-leading);max-width:42ch;margin:0}.code-section pre{font-family:var(--font-mono),monospace;background:var(--code-background);border:1px solid var(--border);color:var(--code-foreground);margin:0;padding:35px;font-size:12px;line-height:2;overflow-x:auto}.result-section{align-items:center;gap:var(--case-study-gap);grid-template-columns:repeat(2,minmax(0,1fr));padding:0;display:grid}.result-section .result-value{letter-spacing:-.09em;margin:0;font-size:clamp(6rem,12vw,12rem);font-weight:400;line-height:1}.result-label{color:var(--foreground);font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.5}.result-section>div>p:last-child,.section-copy .result-label+p,.technical-copy .result-label+p{margin-top:20px}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.gallery-media{aspect-ratio:4/5}.gallery-media img{object-position:65% center}.next-project{height:75svh;min-height:520px;display:block;position:relative;overflow:hidden}.next-project>.media-surface{transition:transform .9s cubic-bezier(.2,.7,.3,1);position:absolute}.next-project:is(:hover,:focus-visible)>.media-surface{transform:scale(1.04)}.next-copy{bottom:60px;left:var(--gutter);right:var(--gutter);position:absolute}.next-copy>div{justify-content:space-between;align-items:center;gap:24px;margin:16px 0 0;display:flex}.next-project-label{color:var(--foreground);margin:0;font-size:clamp(.875rem,1.1vw,1rem);line-height:1.5}.next-copy h2{letter-spacing:-.07em;font-size:clamp(4rem,10vw,11rem);line-height:1.1}body:has(.not-found-page){flex-direction:column;min-height:100svh;display:flex}body:has(.not-found-page)>main{flex:1;display:flex}body:has(.not-found-page)>.site-footer{row-gap:0;padding-block:8px}.not-found-page{width:100%;padding:calc(var(--header-height) + env(safe-area-inset-top) + 16px) var(--gutter) 24px;flex-direction:column;justify-content:space-between;gap:16px;display:flex}.not-found-status{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.5}.not-found-code{letter-spacing:-.08em;-webkit-user-select:none;user-select:none;pointer-events:none;justify-content:center;align-items:center;font-size:min(28vw,32svh);line-height:.85;display:flex}.not-found-code>svg{width:.67em;height:.85em;color:var(--text-secondary);flex-shrink:0;margin-inline:.015em}.not-found-code>span:last-child{position:relative}.not-found-dot{font-size:.5em;position:absolute;bottom:0;left:100%}.not-found-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:32px;padding-top:20px;display:flex}.not-found-bottom h1{letter-spacing:-.065em;margin:0;font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.1}.not-found-bottom p{color:var(--text-body);margin:12px 0 0;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.5}@media (max-width:767px){.not-found-code{font-size:min(32vw,20svh)}.not-found-bottom{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-height:650px){.not-found-page{padding-top:calc(var(--header-height) + env(safe-area-inset-top) + 8px);gap:8px;padding-bottom:12px}.not-found-code{font-size:min(24vw,12svh)}.not-found-bottom{gap:8px;padding-top:12px}.not-found-bottom p{margin-top:4px}}.fallback-page{min-height:100svh;padding:130px var(--gutter);flex-direction:column;justify-content:center;align-items:start;gap:35px;display:flex}.fallback-page h1{letter-spacing:-.06em;font-size:clamp(3rem,6vw,6rem);line-height:1.1}.text-link{background:0 0;border:0;padding:15px 0}@media (min-width:1600px){.intro-title{font-size:9.1vw}}@media (max-width:1000px){.project-metadata dl,.project-metadata dl:has(>:nth-child(5)){grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.project-metadata dl>:nth-child(3){grid-column:1/-1}.explore-link{justify-self:end}.index-row{grid-template-columns:minmax(0,1fr) 180px 24px}.text-media-visual{min-height:400px}}@media (max-width:767px){:root{--gutter:max(20px,env(safe-area-inset-left),env(safe-area-inset-right));--display-scale:13vw;--header-height:80px}.brand,.mono{font-size:10px}.brand{gap:9px}.brand-mark{font-size:32px}.site-header nav{gap:16px}.site-header nav .mono{font-size:11px}.intro-art{opacity:.57;width:160%;height:62%;top:13%;right:-38%}.intro-title{letter-spacing:-.075em;line-height:1.02}.intro-second{margin-top:5px;font-size:.9em}.intro-bottom{flex-direction:column;align-items:start;gap:25px;padding-top:30px;display:flex}.intro-statement{font-size:15px}.project-depth img{object-position:62% center}.project-title{font-size:clamp(3rem,17vw,8rem)}.project-title--long{font-size:14vw}.project-bottom{--project-copy-gap:20px;flex-direction:column;align-items:start;gap:25px}.project-summary{width:100%;max-width:100%;font-size:16px}.project-highlight-context{flex-basis:100%}.project-link{gap:20px}.round-arrow{--circle-size:44px;--circle-icon-size:20px}.contact{padding-top:75px}.contact h2{font-size:9vw}.contact-links{width:100%}.contact-links .social-circle{--circle-size:56px}.site-footer{padding-top:40px}.index-row{grid-template-columns:minmax(0,1fr) 24px;gap:12px;padding:14px 0}.index-category{display:none}.index-name{font-size:clamp(1.5rem,6vw,2rem)}.project-metadata{padding-block:40px}.project-metadata dl,.project-metadata dl:has(>:nth-child(5)){gap:30px 20px}.project-metadata dd{font-size:16px}.project-links .action-link{padding:12px 18px;font-size:13px}.code-section,.project-section-pair,.text-media{grid-template-columns:1fr;gap:30px}.section-copy{padding:0}.text-media-visual{aspect-ratio:1;min-height:0}.architecture-nodes{grid-template-columns:minmax(0,1fr);row-gap:36px;margin-top:40px}.code-section pre{padding:20px;font-size:12px}.project-gallery,.result-section{grid-template-columns:1fr}.gallery-media{aspect-ratio:4/3}.next-copy h2{font-size:16vw}.next-copy>div{flex-direction:column;align-items:stretch;gap:16px}.next-copy .round-arrow{align-self:flex-end}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}.project-depth{filter:none!important;transform:none!important}.project-frame{clip-path:none!important}.chromatic{text-shadow:none}.next-project:is(:hover,:focus-visible)>.media-surface{transform:none}}.project-metadata,.showcase-section{scroll-margin-top:100px}[data-project-motion] .accent{color:var(--project-accent,var(--accent))}.architecture-nodes>*,.code-section>*,.index-name,.intro-bottom>*,.next-copy h2,.project-bottom>*,.project-metadata dl>*,.text-media>*{min-width:0}.architecture-nodes p,.index-name,.project-metadata dd,h1,h2,h3{overflow-wrap:anywhere}.brand,.detail-scroll,.detail-top a,.nav-link,.site-footer a,.video-toggle{align-items:center;min-height:44px;display:inline-flex}.nav-link{justify-content:center;min-width:44px}.index-row>svg,.next-copy svg,.round-arrow{flex-shrink:0}.contact{padding-bottom:max(30px,env(safe-area-inset-bottom))}@media (hover:none),(max-height:699px),(max-width:1023px),(pointer:coarse){.intro{height:auto;min-height:100svh;padding-top:calc(var(--header-height) + env(safe-area-inset-top) + 24px);padding-bottom:max(28px,env(safe-area-inset-bottom))}.intro-title-wrap{padding-top:clamp(64px,17svh,160px)}.intro-bottom{padding-block:28px 0}.contact{padding-top:calc(var(--header-height) + env(safe-area-inset-top) + 24px)}.project-frame{height:auto;min-height:100svh;padding:calc(var(--header-height) + env(safe-area-inset-top) + 24px) var(--gutter) max(24px,env(safe-area-inset-bottom));perspective:none;clip-path:none;flex-direction:column;display:flex;position:relative}.project-depth{filter:none;inset:0;transform:none}.chromatic{text-shadow:none}.project-top{flex-shrink:0}.project-copy,.project-top{position:relative;inset:auto}.project-copy{margin-top:auto;padding-top:clamp(64px,16svh,170px)}.next-project{height:auto;min-height:min(65svh,620px)}.next-copy{padding:140px var(--gutter) 40px;position:relative;inset:auto}:is(.action-link,.next-project):is(:hover,:focus-visible) .round-arrow{transform:none}}@media (max-height:599px) and (pointer:coarse),(max-width:767px){.detail-top .detail-current,.nav-preferences,.project-panel .title-reveal-companion{display:none}.site-footer{text-align:center;grid-template-columns:minmax(0,1fr);grid-template-areas:"controls""legal""preferences""meta";justify-items:center;row-gap:4px}.footer-controls{justify-content:center;justify-self:center}.footer-meta{justify-content:center;align-items:center;min-height:44px;display:flex}.footer-preferences{grid-area:preferences;grid-template-columns:repeat(2,auto);gap:24px;display:grid}.project-copy{padding-top:clamp(40px,9svh,88px)}}@media (min-width:768px) and (max-width:1023px){.code-section{grid-template-columns:minmax(0,1fr);gap:28px}}@media (max-height:599px) and (orientation:landscape){:root{--header-height:64px}.intro-title-wrap{padding-top:32px}.intro-title{font-size:clamp(2.5rem,8vw,6.5rem)}.intro-second{font-size:1em}.intro-bottom{flex-direction:row;justify-content:space-between;align-items:end;gap:24px;padding-top:22px}.intro-art{height:100%;top:0}.project-copy{padding-top:48px}.project-title{font-size:clamp(3rem,10vw,7rem)}.project-title--long{font-size:clamp(2.5rem,8vw,5.5rem)}.project-bottom{flex-direction:row;align-items:end;gap:24px}.project-summary{flex-shrink:1;width:460px;max-width:55%}.project-link{flex-shrink:0;gap:12px}.index-list{margin-top:24px}.index-row{padding-block:12px}.index-name{font-size:clamp(1.5rem,3vw,2.25rem)}.next-copy{padding-top:80px}}@media (max-width:359px){.project-metadata dl,.project-metadata dl:has(>:nth-child(5)){grid-template-columns:minmax(0,1fr)}}@media (max-height:699px) and (orientation:portrait){.intro-title-wrap{padding-top:48px}.intro-bottom{gap:20px;padding-top:24px}.intro-art{top:8%}}@media (max-width:600px){.brand-wordmark{display:none}.site-header nav{gap:18px}}@media (max-width:359px){.site-header nav{gap:12px}}.title-reveal{position:relative}.title-reveal-layer{display:block}.title-reveal[data-reveal-state=pending]>.title-reveal-layer,:root:is([data-title-reveal=pending],[data-title-reveal=ready]) .title-reveal:not([data-reveal-state])>.title-reveal-layer{opacity:0}:root:is([data-title-reveal=pending],[data-title-reveal=ready]) [data-reveal-group]:not([data-reveal-state]) [data-reveal-item],[data-reveal-group][data-reveal-state=pending] [data-reveal-item]{opacity:0;pointer-events:none}.title-reveal-effects{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.title-reveal-slice{opacity:0;text-shadow:none;position:absolute;inset:0}.title-reveal-slice-0{color:var(--accent);clip-path:inset(19% 0 59%)}.title-reveal-slice-1{color:var(--glitch-secondary);clip-path:inset(53% 0 25%)}.title-reveal-slice *{color:inherit!important}.project-heading-row{flex-direction:column;align-items:flex-start;gap:16px;display:flex;position:relative}.project-heading-row>.title-reveal{min-width:0;max-width:100%}.project-heading-row>.title-reveal-companion{align-items:center;gap:12px}@media (min-width:768px) and (pointer:fine){.project-heading-row:has(.project-copy-link)>.title-reveal{max-width:calc(100% - 56px)}}.project-copy-link{width:44px;height:44px;color:var(--muted);border-radius:50%;padding:0;position:absolute}.project-copy-link:before{content:"";position:absolute;inset:0 0 0 -12px}.project-heading-row:has(.project-title[data-reveal-state=pending]) .project-copy-link{visibility:hidden}.project-copy-icon{opacity:0;place-items:center;display:grid;position:absolute;inset:0}.project-copy-link[data-copy-status=copied] [data-icon=copied],.project-copy-link[data-copy-status=error] [data-icon=error],.project-copy-link[data-copy-status=idle] [data-icon=idle]{opacity:1}@media (prefers-reduced-motion:no-preference){.project-copy-icon{transition:opacity 80ms ease-in-out}}.project-copy-link svg{width:20px;height:20px}.project-copy-check{color:#68cf8d;display:grid}.project-copy-check>svg{grid-area:1/1}.project-copy-check .project-copy-check-ring{width:32px;height:32px}:root[data-theme=light] .project-copy-check{color:#237a42}.project-copy-link:is(:hover,:focus-visible),.project-copy-link[data-copy-status=copied]{color:var(--foreground)}@media (hover:hover) and (pointer:fine){.project-copy-link{opacity:0}.project-copy-link:is(:hover,:focus-visible),.project-copy-link:not([data-copy-status=idle]),.project-heading-row:has(.project-title-text:hover) .project-copy-link{opacity:1}}@media (max-width:767px),(pointer:coarse){.project-copy-link{display:none}}.action-link-pill,.button-pill{border:1px solid var(--border-strong);background:var(--control-background);color:var(--foreground);cursor:pointer;border-radius:999px;flex-shrink:0;gap:10px;padding:12px 18px}.action-link-pill,.button-pill,.video-toggle{transition:background-color .2s,border-color .2s,color .2s}:is(.button-pill,.action-link-pill,.video-toggle):is(:hover,:focus-visible):not(:disabled){border-color:var(--foreground);background:var(--surface-raised)}.action-link-pill>.arrow,.button-pill svg{width:16px;height:16px}.action-link-pill{border-color:var(--foreground);background:var(--foreground);max-width:100%;color:var(--background);justify-content:center}.action-link-pill .action-label{min-width:0}.action-link-pill:is(:hover,:focus-visible){color:var(--foreground)}:root[data-theme=light] .project-video-trigger{--control-background:var(--background);--border-strong:#777a73;font-size:11px;font-weight:500}.file-video,.project-film{color-scheme:dark;background:#000}.project-film{z-index:8;padding:calc(var(--header-height) + env(safe-area-inset-top) + 68px) 0 max(24px,env(safe-area-inset-bottom));position:absolute;inset:0}.file-video{object-fit:contain;border:0;width:100%;height:100%;min-height:200px;display:block}.file-video[hidden]{display:none}.project-film[data-ended=true] .file-video{visibility:hidden}body:has(.project-video-stage:not([data-playback=idle])) .site-header{color-scheme:dark;--video-progress:1}body:has(.project-video-stage:not([data-playback=idle])) .site-header :is(.nav-link,.theme-toggle .circle-icon){transition:none}.project-film-toolbar{color-scheme:dark;--surface:#0b0b0b;--border-control:#fff5;--foreground:#eeede8;--background:#090909;--accent:#ed4937;--border:#ffffff24;--border-strong:#ffffff60;--control-background:#09090988;--surface-raised:#151515;color:var(--foreground);z-index:9;top:calc(var(--header-height) + env(safe-area-inset-top) + 12px);left:var(--gutter);right:var(--gutter);justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex;position:absolute}.project-video-error{z-index:9;inset:auto var(--gutter) 20px;background:var(--surface-raised);border:1px solid var(--accent);padding:12px 16px;font-size:11px;line-height:1.5;position:absolute}.project-video-error a{align-items:center;min-height:44px;display:inline-flex}@media (max-height:450px){.project-video-stage:not([data-playback=idle]){min-height:calc(var(--header-height) + env(safe-area-inset-top) + 300px)}}.title-reveal-companion{flex-shrink:0;display:inline-flex}.title-reveal-companion[data-reveal-state=pending],:root:is([data-title-reveal=pending],[data-title-reveal=ready]) .title-reveal-companion:not([data-reveal-state]){opacity:0;pointer-events:none}.project-video-stage[data-playback=idle] .project-film{visibility:hidden;pointer-events:none}.project-video-stage:not([data-playback=idle]){clip-path:none!important}.project-video-stage[data-playback=fading] .project-film{opacity:0;pointer-events:none}.button:disabled{cursor:default;opacity:.65}.button[aria-busy=true]:disabled{cursor:wait}.button-pill:disabled{border-color:var(--border)}.hero-morph-canvas{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.intro-art[data-motion-ready=true] .hero-morph-canvas{opacity:1}.intro-art[data-renderer=canvas] img,:root[data-hero-renderer=canvas] .intro-art:not([data-renderer]) img{opacity:0}@media (prefers-reduced-motion:reduce){.hero-morph-canvas{display:none}.intro-art[data-renderer=canvas] img,:root[data-hero-renderer=canvas] .intro-art:not([data-renderer]) img{opacity:1}}@media (max-height:599px) and (pointer:coarse),(max-width:767px){:is(.project-link,.explore-link){border:1px solid var(--border-strong);background:var(--control-background);height:auto;color:var(--foreground);border-radius:999px;flex-shrink:0;gap:10px;padding:12px 18px;transition:background-color .2s,border-color .2s,color .2s}:is(.project-link,.explore-link):is(:hover,:focus-visible){border-color:var(--foreground);background:var(--surface-raised)}:is(.project-link,.explore-link) .round-arrow,:is(.project-link,.explore-link):is(:hover,:focus-visible) .round-arrow{--circle-size:16px;--circle-icon-size:16px;color:inherit;background:0 0;border:0;border-radius:0;transform:none}:root[data-theme=light] :is(.project-link,.explore-link){--control-background:var(--background);--border-strong:#777a73;font-size:11px;font-weight:500}.action-link-circle:not(.project-link,.explore-link){height:auto;color:var(--muted);gap:10px;padding-block:12px}.action-link-circle:not(.project-link,.explore-link):is(:hover,:focus-visible){color:var(--foreground)}.action-link-circle:not(.project-link,.explore-link) .action-label{color:inherit}.action-link-circle:not(.project-link,.explore-link) .round-arrow,.action-link-circle:not(.project-link,.explore-link):is(:hover,:focus-visible) .round-arrow,.next-project .round-arrow,.next-project:is(:hover,:focus-visible) .round-arrow{--circle-size:20px;--circle-icon-size:20px;color:inherit;background:0 0;border:0;border-radius:0;transform:none}.next-project .round-arrow{color:var(--muted)}.next-project:is(:hover,:focus-visible) .round-arrow{color:var(--foreground)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}