:root{--frame-inset:clamp(10px,1.1vw,18px);--film-deck:clamp(148px,13vw,184px)}.cinema-home{background:var(--paper);color:var(--ink)}.cinema-slide{background:transparent}.cinema-visual{inset:var(--frame-inset) var(--frame-inset) var(--film-deck);overflow:clip;-webkit-mask-size:300% 100%;mask-size:300% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cinema-slide .project-media iframe{width:max(calc(100vw - var(--frame-inset) * 2),calc((100svh - var(--film-deck) - var(--frame-inset)) * var(--project-ratio)));height:max(calc(100svh - var(--film-deck) - var(--frame-inset)),calc((100vw - var(--frame-inset) * 2) / var(--project-ratio)))}.cinema-slide[data-project=bynativ] .project-media{scale:1.04}.brand-static{display:block}.brand-flight picture{display:block;width:100%;height:100%}.cinema-shade{inset:var(--frame-inset) var(--frame-inset) var(--film-deck);background:linear-gradient(180deg,rgb(9 8 15/.22),transparent 28%)}.cinema-caption,.cinema-caption[data-active=true],.cinema-caption[data-outgoing=true]{left:var(--gutter);right:calc(var(--gutter) + 176px);bottom:26px;padding:0;color:var(--ink)}.cinema-category{color:var(--quiet);margin:10px 0 0;padding-left:2px}.cinema-caption .cinema-title,.cinema-caption h1{font-size:clamp(44px,7.25vw,112px);font-weight:720;font-stretch:125%;line-height:.96;letter-spacing:-.065em;text-wrap:nowrap}.cinema-title a{display:inline-flex;align-items:baseline;gap:.18em}.cinema-project-arrow{width:.35em;height:.35em;margin:0;flex:none}.cinema-bottom{bottom:24px}.cinema-controls{flex-wrap:nowrap;justify-content:center;width:auto;gap:12px;color:var(--ink)}.cinema-controls>span{order:0;width:auto;margin:0;font-size:10px}.cinema-controls button{color:var(--ink);width:44px}.about-main .about-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:28px;padding-block:28px 0}.about-main .about-head{width:100%}.about-main .about-head h1{font-size:clamp(48px,5.6vw,84px);font-weight:var(--display-weight);font-stretch:125%;font-variation-settings:"wdth" var(--display-width);line-height:1.04;letter-spacing:var(--display-tracking);text-wrap:balance}.about-head h1>span{display:inline}.about-head h1>span:nth-child(2){padding-left:0}.about-main .about-editorial{width:100%;max-width:800px;margin:0}.about-main .about-editorial p{font-size:clamp(17px,1.3vw,19px);line-height:1.55}.about-main .about-bottom{padding-top:24px;border-top:1px solid rgb(0 0 0/.12)}.about-main .about-contact a{font-size:clamp(22px,2.6vw,40px);letter-spacing:-.04em}@media (hover:hover) and (pointer:fine){.cinema-title a:hover{color:var(--violet)}.cinema-controls button:hover{background:var(--surface)}}@media (max-width:1023px){.about-main .about-intro{gap:36px}.about-main .about-head h1{font-size:clamp(42px,6.5vw,66px)}.about-head h1>span{display:inline}.about-head h1>span:nth-child(2){padding-left:0}.about-main .about-editorial{max-width:710px}}@media (max-width:650px){:root{--film-deck:152px}.site-header .brand{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;align-self:flex-start}.brand-mark .brand-wordmark{width:118px;height:auto;object-fit:contain}.brand-intro{object-fit:contain}.cinema-caption,.cinema-caption[data-active=true],.cinema-caption[data-outgoing=true]{top:calc(100svh - var(--film-deck) + 16px);bottom:auto;right:var(--gutter)}.cinema-caption .cinema-title,.cinema-caption h1{font-size:clamp(28px,8vw,52px)}.cinema-category{margin:8px 0 0;padding-left:1px}.cinema-bottom{bottom:max(12px,env(safe-area-inset-bottom))}.cinema-controls{width:auto;flex-wrap:nowrap;gap:8px}.cinema-controls>span{order:0;width:auto;margin:0;font-size:10px}.cinema-controls button{width:44px}.about-main .about-head h1{font-size:clamp(36px,9vw,58px)}.about-main .about-intro{gap:28px;padding-top:24px}.about-main .about-contact a{font-size:27px}.about-main .about-bottom{padding-top:24px}}@media (max-height:680px) and (min-width:1024px){:root{--film-deck:160px}.cinema-caption .cinema-title,.cinema-caption h1{font-size:clamp(44px,6.5vw,88px)}.about-main .about-head h1{font-size:5vw}.about-main .about-editorial p{font-size:16px;line-height:1.45}}.brand-intro-backdrop{transform-origin:0 0;transition:opacity .5s var(--ease-out)}.cinema-header .main-nav{transition:opacity .4s var(--ease-out)}.cinema-header:has(.brand-mark[data-centered=true]) .main-nav{opacity:0;visibility:hidden;pointer-events:none;transition:none}body:has(.brand-intro-backdrop) .cinema-bottom,body:has(.brand-intro-backdrop) .cinema-caption{transition:opacity .7s var(--ease-out),transform .7s var(--ease-out),filter .7s var(--ease-out)}body:has(.brand-mark[data-centered=true]) .cinema-bottom,body:has(.brand-mark[data-centered=true]) .cinema-caption{opacity:0;transform:translateY(24px);transition:none}@media (prefers-reduced-motion:reduce){.brand-intro-backdrop{transition:none}.cinema-header:has(.brand-mark) .main-nav{opacity:1;visibility:visible;pointer-events:auto;transition:none}body:has(.brand-intro-backdrop) .cinema-bottom,body:has(.brand-intro-backdrop) .cinema-caption{transition:none;opacity:1;transform:none}}@property --fill-radius{syntax:"<length>";inherits:false;initial-value:0}.ink-fill{position:relative;color:var(--ink)}.ink-fill,.project-title .ink-fill{display:inline-block}.ink-fill .ink-fill-overlay{display:block;position:absolute;inset:0;color:var(--violet);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;-webkit-mask-image:url(/assets/transitions/ink-title.svg);mask-image:url(/assets/transitions/ink-title.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(var(--fill-radius) * 2) calc(var(--fill-radius) * 2);mask-size:calc(var(--fill-radius) * 2) calc(var(--fill-radius) * 2);-webkit-mask-position:calc(var(--fill-x, 0px) - var(--fill-radius)) calc(var(--fill-y, 0px) - var(--fill-radius));mask-position:calc(var(--fill-x, 0px) - var(--fill-radius)) calc(var(--fill-y, 0px) - var(--fill-radius))}.ink-fill .ink-fill-base{display:block}.ink-fill[data-full=true] .ink-fill-base{color:var(--violet)}.ink-fill[data-full=true] .ink-fill-overlay,.ink-fill[data-revealed=true] .ink-fill-overlay{-webkit-mask-image:none;mask-image:none}.ink-fill .ink-fill-erase{display:block}.ink-fill[data-phase=erase] .ink-fill-erase{-webkit-mask-image:linear-gradient(white,white),url(/assets/transitions/ink-title.svg);mask-image:linear-gradient(white,white),url(/assets/transitions/ink-title.svg);-webkit-mask-size:100% 100%,calc(var(--fill-radius) * 2) calc(var(--fill-radius) * 2);mask-size:100% 100%,calc(var(--fill-radius) * 2) calc(var(--fill-radius) * 2);-webkit-mask-position:0 0,calc(var(--fill-x) - var(--fill-radius)) calc(var(--fill-y) - var(--fill-radius));mask-position:0 0,calc(var(--fill-x) - var(--fill-radius)) calc(var(--fill-y) - var(--fill-radius));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}@media (hover:hover) and (pointer:fine){.ink-fill[data-filling=true] .ink-fill-overlay{opacity:1}}a:focus-visible .ink-fill{color:var(--violet)}@media (prefers-reduced-motion:reduce){.ink-fill .ink-fill-overlay{display:none}.ink-fill:hover{color:var(--violet)}}@media (prefers-reduced-motion:no-preference){body:has(.brand-mark[data-centered=true]) .cinema-caption{filter:blur(4px)}}.header-navigation,.mobile-menu-content{display:contents}.mobile-brand,.mobile-menu-contact,.mobile-menu-toggle{display:none}@media (max-width:650px){.site-header,body:has(.cinema-home) .site-header{--mobile-header-inset:max(24px,var(--gutter));--mobile-chrome-surface:color-mix(in srgb,var(--surface) 55%,transparent);--mobile-menu-travel:650ms;--mobile-menu-ease:cubic-bezier(.65,0,.35,1);width:100%;padding-left:max(var(--mobile-header-inset),env(safe-area-inset-left));padding-right:max(var(--mobile-header-inset),env(safe-area-inset-right))}.site-header .brand{z-index:2;top:var(--header-pad-top);left:max(var(--mobile-header-inset),env(safe-area-inset-left));width:118px;min-height:44px;margin:0;transition:none}.mobile-brand,.site-header .brand{position:absolute;justify-content:flex-start}.mobile-brand{z-index:3;inset:0;display:flex;align-items:center;pointer-events:none;transition:opacity .26s var(--ease-out),transform .28s var(--ease-out)}.site-header[data-logo-offscreen=true]:not([data-menu-open=true]) .mobile-brand{opacity:0;transform:translateY(-6px)}.site-header[data-logo-offscreen=true][data-menu-open=true] .mobile-brand{transition-delay:40ms}.mobile-brand img{position:absolute;left:0;display:block;filter:invert(1);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out)}.cinema-header .mobile-brand img{filter:none;transition:filter 0s linear var(--mobile-menu-travel),opacity .22s var(--ease-out),transform .22s var(--ease-out)}.site-header[data-menu-open=true] .mobile-brand img{filter:invert(1);transition-delay:0s}.mobile-brand-wordmark{width:118px;height:auto;opacity:1}.brand .brand-mark:not([data-centered=true]) :is(.brand-static,.brand-flight){visibility:hidden}.brand:has(.brand-mark[data-centered=true]) .mobile-brand{opacity:0}.site-header .main-nav .scramble-label{opacity:1}.site-header .main-nav .scramble-visual{display:none}.site-header .header-navigation{--mobile-menu-ink:var(--ink);display:flex;flex-direction:column;position:fixed;inset:0;height:100dvh;padding:calc(var(--header-pad-top) + 72px) max(var(--mobile-header-inset),env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(var(--mobile-header-inset),env(safe-area-inset-left));gap:clamp(32px,7dvh,64px);overflow:hidden;overscroll-behavior:contain;pointer-events:none;visibility:hidden;transition:visibility 0s linear var(--mobile-menu-travel)}.site-header .header-navigation .mobile-menu-content{position:absolute;inset:0;display:flex;flex-direction:column;padding:inherit;gap:inherit;overflow-y:auto;overscroll-behavior:contain}.site-header .header-navigation .mobile-menu-content,.site-header .header-navigation:before{clip-path:inset(0 0 100% 0);transition:clip-path var(--mobile-menu-travel) var(--mobile-menu-ease)}.site-header .header-navigation:before{content:"";position:fixed;inset:0;z-index:-1;background:var(--paper);opacity:1;pointer-events:none}@supports (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.site-header .header-navigation:before{background:color-mix(in srgb,var(--paper) 84%,transparent);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.12) brightness(1.06);backdrop-filter:blur(var(--glass-blur)) saturate(1.12) brightness(1.06)}}.site-header .header-navigation[data-open=true]{visibility:visible;pointer-events:auto;transition-delay:0s}.site-header .header-navigation[data-open=true] .mobile-menu-content,.site-header .header-navigation[data-open=true]:before{clip-path:inset(0 0 0 0)}.mobile-menu-toggle{display:block;position:fixed;z-index:1;top:var(--header-pad-top);right:max(var(--mobile-header-inset),env(safe-area-inset-right));visibility:visible;pointer-events:auto;min-width:80px;min-height:44px;padding:2px 16px;border:0;border-radius:4px;overflow:hidden;background:transparent;color:var(--ink);box-shadow:inset 0 1px 0 rgb(255 255 255/.48),inset 0 -1px 0 rgb(0 0 0/.055),inset 1px 0 0 rgb(255 255 255/.16),inset -1px 0 0 rgb(255 255 255/.12),0 2px 8px rgb(0 0 0/.025);font:400 13px/1.5 Percent Mono,monospace;letter-spacing:0;text-transform:uppercase;text-align:center;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .18s var(--ease-out),opacity .18s var(--ease-out),color var(--motion-control) ease}.mobile-menu-toggle:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--surface)}@supports (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.mobile-menu-toggle:before{background:var(--mobile-chrome-surface);-webkit-backdrop-filter:blur(12px) saturate(1.2) brightness(1.06);backdrop-filter:blur(12px) saturate(1.2) brightness(1.06)}}.mobile-menu-toggle:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(145deg,rgb(255 255 255/.16),rgb(255 255 255/.025) 45%,transparent 68%,rgb(255 255 255/.06))}.mobile-menu-label{position:relative;z-index:3}.site-header[data-scroll-hidden=true]:not([data-menu-open=true]) .mobile-menu-toggle{opacity:0;transform:translateY(-12px);pointer-events:none;transition-duration:.28s,.28s;transition-timing-function:var(--ease-in-out),var(--ease-in-out)}.mobile-menu-toggle:active{opacity:.65}.site-header .header-navigation .main-nav{display:flex;flex-direction:column;align-items:flex-end;position:relative;inset:auto;flex:none;width:100%;margin:auto 0 0;padding:0;gap:clamp(8px,1.5dvh,14px);overflow:visible;border-radius:0;background:transparent;box-shadow:none;opacity:1;visibility:inherit;pointer-events:auto;transform:none;transition:none}.site-header .header-navigation .main-nav .nav-selection-band,.site-header .header-navigation .main-nav:after,.site-header .header-navigation .main-nav:before{display:none}.site-header .header-navigation .main-nav a{opacity:1;transform:none;transition:none}.site-header .header-navigation .main-nav a,.site-header .header-navigation .main-nav a:is(:hover,[data-contrast],[aria-current=page]){display:flex;align-items:center;justify-content:flex-end;min-height:44px;padding:0;color:var(--ink);font:var(--display-weight) clamp(40px,11.5vw,56px)/1.16 Archivo,Arial,sans-serif;font-stretch:125%;font-variation-settings:"wdth" var(--display-width);letter-spacing:var(--display-tracking);text-transform:uppercase;text-align:right;background:transparent;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.site-header .header-navigation .main-nav a[aria-current=page]{color:var(--violet)}.site-header .header-navigation .main-nav a:active{opacity:.65}.site-header .header-navigation .mobile-menu-toggle,.site-header .header-navigation .mobile-menu-toggle[data-contrast]{color:var(--ink)}.mobile-menu-contact{display:block;flex:none;margin-top:0;padding-top:24px;border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);text-align:right;--mobile-menu-secondary:color-mix(in srgb,var(--ink) 78%,var(--paper));opacity:1;visibility:inherit;transform:none;transition:none}.mobile-menu-contact p{margin:0 0 16px;color:var(--mobile-menu-secondary);font:400 10px/1.5 Percent Mono,monospace;text-transform:uppercase}.mobile-menu-email{display:inline-flex;align-items:center;min-height:44px;max-width:100%;color:var(--ink);font-size:24px;line-height:1.12;letter-spacing:-.025em;white-space:nowrap}.mobile-menu-socials{display:flex;justify-content:flex-end;gap:24px;margin-top:16px}.mobile-menu-socials a{display:inline-flex;align-items:center;min-height:44px;color:var(--mobile-menu-secondary);font:400 10px/1.5 Percent Mono,monospace;text-transform:uppercase}.mobile-menu-contact a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-menu-contact a:active{opacity:.65}.cinema-header:has(.brand-mark[data-centered=true]) .header-navigation,.cinema-header:has(.brand-mark[data-centered=true]) .mobile-menu-toggle{visibility:hidden;opacity:0;pointer-events:none}}@media (max-width:650px) and (prefers-reduced-motion:reduce){.mobile-brand,.mobile-brand img,.mobile-menu-contact,.mobile-menu-toggle,.site-header .brand,.site-header .header-navigation,.site-header .header-navigation .main-nav,.site-header .header-navigation .main-nav a,.site-header .header-navigation:before{transition:none;transform:none}.site-header .header-navigation .mobile-menu-content,.site-header .header-navigation:before,.site-header .header-navigation[data-open=true] .mobile-menu-content,.site-header .header-navigation[data-open=true]:before{clip-path:none;transition:none}.cinema-header .mobile-brand img,.header-navigation[data-open=true] .mobile-menu-contact,.site-header .header-navigation[data-open=true] .main-nav,.site-header .header-navigation[data-open=true] .main-nav a,.site-header[data-menu-open=true] .mobile-brand img{transition:none}}@media (max-width:650px) and (prefers-reduced-transparency:reduce){.site-header .header-navigation:before{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}.mobile-menu-toggle{background:var(--surface)}.cinema-header .mobile-menu-toggle,.site-header .header-navigation .mobile-menu-toggle[data-contrast]{color:var(--ink)}.mobile-menu-toggle:after,.mobile-menu-toggle:before{-webkit-backdrop-filter:none;backdrop-filter:none}}:root{--motion-film-slide:900ms;--motion-reveal:1000ms;--motion-page-exit:260ms;--ease-optical:cubic-bezier(.65,0,.25,1)}.cinema-controls>span{min-width:64px}.cinema-controls button{border-radius:50%;transition:background-color .2s ease,transform .2s var(--ease-out)}.cinema-controls button:active{transform:scale(.9)}.surface-light{position:absolute;z-index:3;inset:0;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(100px 42px at var(--light-x,50%) var(--light-y,0),rgb(255 255 255/.26),transparent);transition:opacity .35s var(--ease-out)}.project-media .surface-light{z-index:2;background:radial-gradient(420px 250px at var(--light-x,50%) var(--light-y,50%),rgb(255 255 255/.09),transparent);box-shadow:inset 0 0 0 1px rgb(255 255 255/.16)}.cinema-home .project-media .surface-light{display:none}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){:is(.main-nav,.category-menu,.project-media):hover>.surface-light{opacity:1}.archives-main .project-media{transition:clip-path .65s var(--ease-out);clip-path:inset(0 round 0)}.archives-main .project-card:hover .project-media{clip-path:inset(4px round 2px)}.archives-main .project-media>iframe,.archives-main .project-media>img{transition:opacity .4s ease,scale .9s var(--ease-out)}.archives-main .project-card:hover .project-media>:is(img,iframe){scale:1.025}.gallery-stills .gallery-image-button img{transition:scale .8s var(--ease-out),opacity .4s ease}.gallery-stills .gallery-image-button:hover img{scale:1.025}.cinema-controls button:hover{background:var(--surface)}}.gallery-image-button{overflow:clip}.about-house .house-rule{overflow:hidden}.house-rule:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,rgb(118 52 233/.5) 48%,rgb(255 255 255/.9) 52%,transparent 70%);transform:translateX(-100%)}.about-main.about-house{--motion-expertise-enter:460ms;--motion-expertise-exit:220ms}.house-work-link svg{transition:translate .25s var(--ease-out)}@media (hover:hover) and (pointer:fine){.house-work-link:hover svg{translate:2px -2px}}@media (prefers-reduced-motion:no-preference){.house-rule[data-reveal=done]:after{animation:rule-light 1.1s var(--ease-optical) var(--rule-delay,0s) both}@keyframes rule-light{to{transform:translateX(100%)}}.gallery-dialog:not([data-instant=true]) .gallery-enlarged{animation:optical-image .6s var(--ease-out) both}@keyframes optical-image{0%{opacity:.2;filter:blur(5px);transform:translateY(8px) scale(.985)}to{opacity:1;filter:blur(0);transform:none}}}@media (max-width:650px){.main-nav>.surface-light{display:none}.site-header .header-navigation:after{content:"";position:fixed;z-index:0;left:0;right:0;top:0;height:18vh;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent,rgb(255 255 255/.45) 85%,rgb(255 255 255/.7))}.site-header .header-navigation[data-open=true]:after{animation:menu-light var(--mobile-menu-travel) var(--mobile-menu-ease) both}@keyframes menu-light{0%{transform:translateY(-18vh);opacity:0}15%{opacity:.5}to{transform:translateY(100dvh);opacity:0}}}@media (prefers-reduced-motion:reduce){.house-rule:after,.site-header .header-navigation:after,.surface-light{display:none}.cinema-controls button{transition:none}.cinema-controls button:active{transform:none}}@media (prefers-reduced-transparency:reduce){.site-header .header-navigation:after,.surface-light{display:none}}@media (min-width:1024px){.featured-portfolio .project-meta{min-height:76px;padding-top:0;padding-bottom:20px;justify-content:space-between;align-items:flex-end}.featured-portfolio .project-title{font-size:clamp(26px,2.2vw,34px);line-height:1.1;letter-spacing:-.035em}.featured-portfolio .project-subtitle{margin-top:8px;font-size:12px;line-height:1.4;letter-spacing:0}.featured-portfolio .portfolio-toolbar{margin-bottom:32px}}.detail-lead .project-story{max-width:48ch}.detail-lead .project-metadata{margin-top:12px}@media (min-width:651px) and (max-width:1279px){.detail-lead .detail-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.35fr);gap:48px;align-items:start}.detail-lead .project-facts{display:grid;grid-template-columns:1fr;gap:22px;padding-top:4px}}.legal-links,.site-footer{flex-wrap:wrap}.legal-links{display:flex;gap:4px 24px;font:10px/1.5 Percent Mono,monospace;text-transform:uppercase}.legal-links a{min-height:44px;display:inline-flex;align-items:center}.site-footer .footer-legal{width:100%;justify-content:flex-end;text-align:right;padding-top:8px;margin-top:8px;border-top:1px solid rgb(9 8 15/.1);color:#66636a}.mobile-menu-content .mobile-menu-legal{justify-content:flex-end;gap:0 18px;margin-top:12px;font-size:9px;color:#66636a}.cinema-home .home-legal{position:absolute;z-index:4;right:var(--gutter);bottom:0;display:inline-flex;align-items:center;min-height:24px;font:9px/1.5 Percent Mono,monospace;text-transform:uppercase;color:#66636a}body:has(.brand-mark[data-centered=true]) .home-legal{visibility:hidden}@media (max-width:650px){.cinema-home .home-legal{display:none}.mobile-menu-content .mobile-menu-legal a{min-height:32px}}@media (hover:hover) and (pointer:fine){.cinema-home .home-legal:hover,.legal-links a:hover{color:var(--violet)}}