:root{--gutter:3vw;--gap:10px;--page-start:160px;--heading-after:56px;--section-space:72px;--block-space:48px;--media-space:24px;--media-inset:36px;--credits-inset:32px;--footer-space:96px;--footer-top:56px;--footer-bottom:32px}@media (width<=1024px){:root{--gap:8px}}@media (width<=900px){:root{--gutter:4vw;--page-start:120px;--heading-after:40px;--media-inset:24px;--credits-inset:24px}}@media (width<=620px){:root{--gap:6px;--page-start:100px;--heading-after:28px;--section-space:48px;--block-space:32px;--media-space:16px;--footer-space:64px;--footer-top:40px;--footer-bottom:24px}}@media (width<=420px){:root{--page-start:84px;--heading-after:24px}}@font-face{font-family:Hanken Grotesk;src:url(/fonts/hanken-grotesk.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}:root{--ink:#0b0908;--green:#40916c;--muted:#ffffffb3;--hairline:#ffffff1a;--display:"Helvetica Neue", "Hanken Grotesk", Helvetica, Arial, sans-serif;--body:var(--display);color-scheme:dark;font-family:var(--body);background:var(--ink);color:#fff;-webkit-font-smoothing:antialiased;scrollbar-gutter:stable;overscroll-behavior-y:none;overflow-y:scroll}*,:before,:after{box-sizing:border-box}body,h1,h2,p,figure,dl,dd{margin:0}body{background:var(--ink);min-height:100vh}a{color:inherit;text-decoration:none}button,summary{font:inherit;color:inherit;cursor:pointer}button{background:0 0;border:0;padding:0}img,video{max-width:100%;display:block}iframe{border:0}::selection{background:#40916c66}main:focus{outline:none}.skip-link{z-index:100;background:var(--ink);padding:12px 18px;position:fixed;top:16px;left:16px;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{z-index:40;padding:20px var(--gutter);transition:transform var(--motion-travel) var(--motion-ui-ease);position:fixed;inset:0 0 auto}.site-header.is-hidden{transform:translateY(-110%)}.header-inner{justify-content:space-between;align-items:center;max-width:1600px;margin:auto;display:flex}.logo img{opacity:.85;width:auto;height:54px;transition:opacity var(--motion-feedback) var(--motion-fade-ease)}.logo:is(:hover,:focus-visible) img{opacity:1}.site-header nav{gap:28px;display:flex}.site-header nav a{font:500 17px var(--display);color:#ffffff80;padding:4px 0}.site-footer{margin-top:var(--footer-space);border-top:1px solid var(--hairline);padding:var(--footer-top) var(--gutter) var(--footer-bottom);letter-spacing:0;justify-content:space-between;gap:24px;font-size:13px;display:flex}.text-link{font:13px var(--display)}[data-reveal]{transition:opacity var(--motion-reveal) var(--motion-fade-ease)}[data-image-fade]{transition:opacity var(--motion-image) var(--motion-fade-ease)}.image-loading,.reveal-pending{opacity:0}#main{animation:arrive var(--motion-page-enter) var(--motion-fade-ease)}#main.is-leaving{opacity:0;transition:opacity var(--motion-page-exit) var(--motion-fade-ease)}@keyframes arrive{0%{opacity:0}to{opacity:1}}.cursor{pointer-events:none;z-index:1000;opacity:0;width:10px;height:10px;position:fixed;top:0;left:0}.cursor:before{content:"";background:var(--green);transition:transform var(--motion-feedback) var(--motion-ui-ease);border-radius:50%;position:absolute;inset:0}.cursor.is-hovering:before{transform:scale(1.8)}.has-cursor,.has-cursor *{cursor:none!important}.not-found{min-height:70vh;padding:var(--page-start) var(--gutter) 0}.not-found h1{font:700 clamp(48px,8vw,96px)/1 var(--display);letter-spacing:-.015em;margin-bottom:var(--block-space)}@media (width<=900px){.site-header{padding-block:16px}.logo img{height:42px}}@media (width<=620px){.site-header{padding-block:14px}.logo img{height:32px}.site-header nav{gap:14px}.site-footer{flex-wrap:wrap;gap:12px}}@media (width<=420px){.logo img{height:28px}.site-header nav{gap:10px}.site-header nav a{font-size:16px}}.home-hero{height:100vh;display:block;position:relative;overflow:hidden}.home-hero>img,.home-hero>video{object-fit:cover;width:100%;height:100%;position:absolute}.hero-scrim,.tile-scrim{pointer-events:none;position:absolute;inset:0}.hero-scrim{background:linear-gradient(#0000 55%,#0009)}.hero-info{left:var(--gutter);bottom:var(--media-inset);position:absolute}.hero-title{font:700 clamp(44px,5.6vw,92px)/1 var(--display);letter-spacing:-.015em}.hero-title span{color:#ffffffb8;letter-spacing:-.005em;font-weight:400}.statement{padding:140px var(--gutter) 120px}.statement h1{max-width:1300px;font:500 clamp(38px,4.6vw,64px)/1.12 var(--display);letter-spacing:-.01em}.statement h1 span{color:var(--green)}.work-grid{gap:var(--gap);flex-direction:column;padding:24px 0 0;display:flex}.work-row{gap:var(--gap);display:grid}.work-row.feature{grid-template-columns:1fr;height:39vw}.work-row.wide-left{grid-template-columns:2fr 1fr;height:30vw}.work-row.wide-right{grid-template-columns:1fr 2fr;height:30vw}.work-row.three{grid-template-columns:repeat(3,1fr);height:21.5vw}.tile{background:var(--ink);content-visibility:auto;height:100%;display:block;position:relative;overflow:hidden}.tile>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tile:after{content:"";pointer-events:none;transition:opacity var(--motion-image) var(--motion-fade-ease);background:#00000026;position:absolute;inset:0}.tile:focus-visible:after{opacity:0}.tile-scrim{z-index:1;background:linear-gradient(#0000 35%,#000000a6)}.tile-info{z-index:2;transition:transform var(--motion-travel) var(--motion-ui-ease);position:absolute;bottom:16px;left:20px;right:20px}.tile:focus-visible .tile-info{transform:translateY(-4px)}.tile-client{font:400 13px var(--display);color:var(--muted);margin-bottom:5px}.tile h2{font:700 clamp(18px,1.5vw,24px)/1.1 var(--display);letter-spacing:-.01em}@media (width<=900px){.work-row:is(.three,.wide-left,.wide-right){grid-template-columns:1fr 1fr;height:auto}.work-row.feature{height:auto}.tile{aspect-ratio:16/9;height:auto}}@media (width<=620px){.statement{padding:72px var(--gutter) 64px}.statement h1{font-size:30px}.work-row:is(.three,.wide-left,.wide-right,.feature){grid-template-columns:1fr;height:auto}.tile-info{bottom:12px;left:14px;right:14px}}@media (hover:none){.tile:after{display:none}}@media (hover:hover){.tile:hover:after{opacity:0}.tile:hover .tile-info{transform:translateY(-4px)}}.project-heading{padding:var(--page-start) var(--gutter) var(--heading-after);justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.project-heading h1{font:700 clamp(48px,6vw,88px)/1.02 var(--display);letter-spacing:-.015em;text-wrap:balance}.back-work{white-space:nowrap}.film{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.film>img,.film>video,.film>iframe{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film-reel>img,.film-reel>video{object-fit:contain}.play-film{left:var(--gutter);bottom:var(--media-inset);font:13px var(--display);z-index:35;position:absolute}.credits{padding:var(--credits-inset) var(--gutter);border-bottom:1px solid var(--hairline);flex-wrap:wrap;align-items:baseline;gap:14px 44px;display:flex}.credits>div{align-items:baseline;gap:6px;display:inline-flex}.credits dt{font:13px var(--display);color:var(--muted);white-space:nowrap}.credits dd{font-size:14px;font-weight:600}.credits .credit-grant :is(dt,dd){color:var(--green)}.stills{padding-top:var(--media-space)}.stills-grid{gap:var(--gap);grid-template-columns:1fr 1fr;display:grid}.still{background:#0c0c0c;display:block;overflow:hidden}.still img{width:100%;height:auto}.still:last-child:nth-child(odd){grid-column:1/-1}.more-stills summary{width:max-content;margin:var(--block-space) auto 0;font:13px var(--display);list-style:none}.more-stills summary::-webkit-details-marker{display:none}.more-stills .when-open,.more-stills[open] .when-closed{display:none}.more-stills[open] .when-open{display:inline}.more-stills[open]{flex-direction:column;display:flex}.more-stills[open]>summary{order:2}.more-stills[open]>.stills-grid{margin-top:var(--gap)}.extra-films{padding:var(--section-space) var(--gutter) 0;gap:var(--block-space);flex-direction:column;display:flex}.extra-films+.stills{padding-top:var(--section-space)}.extra-film{aspect-ratio:16/9;width:100%;max-width:1100px;margin:auto}.extra-film iframe{width:100%;height:100%}.neighbor{z-index:30;border-radius:50%;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.neighbor.previous{left:20px}.neighbor.next{right:20px}.bts{gap:var(--gap);height:72vh;max-height:850px;padding-top:var(--section-space);display:flex}.bts a{min-width:0;transition:flex var(--motion-panel) var(--motion-ui-ease);flex:1;position:relative;overflow:hidden}.bts a:hover,.bts a:focus-visible{flex:3}.bts img{object-fit:cover;object-position:var(--crop,50% 50%);width:100%;height:100%}@media (width<=1024px){.neighbor{display:none}}@media (width<=620px){.project-heading{flex-wrap:wrap;align-items:flex-start;gap:16px}.project-heading h1{font-size:clamp(30px,9vw,48px)}.credits{gap:10px 28px}.stills-grid{grid-template-columns:1fr}.bts{flex-direction:column;height:auto;max-height:none}.bts a{flex:none;height:30vh}}.film-tools{padding:16px var(--gutter);border-bottom:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.film-tools[hidden]{display:none}.film-tools [role=status]{color:var(--muted);font-size:13px}.film-tools [role=status]:empty{display:none}.about{padding:var(--page-start) var(--gutter) 0;max-width:1100px;margin:auto}.about-intro{justify-content:space-between;align-items:flex-start;gap:var(--section-space);display:flex}.about h1{min-width:0;font:500 clamp(40px,4.6vw,68px)/1.14 var(--display);letter-spacing:-.01em;color:#ffffffb8;text-wrap:balance}.about h1 strong{color:var(--green);font-weight:700}.portrait{aspect-ratio:4/5;flex-shrink:0;width:280px;overflow:hidden}.portrait img{object-fit:cover;filter:brightness(.92);width:100%;height:100%}.ledger{margin-top:var(--section-space);border-block:1px solid var(--hairline)}.ledger>div{grid-template-columns:180px 1fr;gap:24px;padding:22px 0;display:grid}.ledger dt{font:13px var(--display);color:var(--muted);padding-top:4px}.ledger dd{color:#ffffffb8;font-size:16px}.ledger a{color:#fff;overflow-wrap:anywhere}.client-logos{flex-wrap:wrap;align-items:center;gap:30px 42px;padding:8px 0 4px;display:flex}.client-logos img{filter:brightness(0)invert();opacity:.5;width:auto;max-width:130px}@media (width<=900px){.about-intro{gap:40px}.portrait{width:240px}}@media (width<=620px){.about-intro{gap:var(--block-space);flex-direction:column}.portrait{width:220px}.ledger>div{grid-template-columns:1fr;gap:8px;padding:18px 0}}@media (width<=420px){.portrait{width:180px}}.lightbox{color:#fff;background:#0b0908fa;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.lightbox::backdrop{background:var(--ink)}.lightbox[open]{animation:arrive var(--motion-overlay) var(--motion-fade-ease);place-items:center;display:grid}.lightbox figure{isolation:isolate;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;width:92vw;height:86dvh;display:grid}.lightbox figure img{object-fit:contain;mix-blend-mode:plus-lighter;grid-area:1/1;max-width:100%;max-height:100%}.lightbox figcaption{text-align:center;width:100%;color:var(--muted);font:13px var(--display);position:absolute;bottom:24px;left:0}.lightbox button{z-index:1;position:absolute}.lightbox-close{top:20px;right:24px}.lightbox-prev{left:20px;top:calc(50% - var(--detail-control-size)/2)}.lightbox-next{right:20px;top:calc(50% - var(--detail-control-size)/2)}body:has(.lightbox[open]){overflow:hidden}@media (width<=620px){.lightbox figure{width:100vw;height:80dvh}.lightbox-prev{left:4px}.lightbox-next{right:4px}.lightbox-close{top:12px;right:12px}.lightbox figcaption{bottom:16px}}:root{--detail-rule-width:1px;--detail-rule:#ffffff8c;--detail-control-rule:#ffffff40;--detail-underline-gap:3px;--detail-control-size:44px;--detail-arrow-size:20px;--detail-close-size:24px;--detail-focus-width:2px;--detail-focus-gap:4px}:focus-visible{outline:var(--detail-focus-width) solid var(--green);outline-offset:var(--detail-focus-gap)}:is(.site-header nav a,.site-footer a,.text-link,.ledger a,.play-film,.more-stills summary){padding-bottom:var(--detail-underline-gap);border-bottom:var(--detail-rule-width) solid var(--underline-rest,transparent);transition:color var(--motion-feedback) var(--motion-fade-ease), border-color var(--motion-feedback) var(--motion-fade-ease)}.play-film,.more-stills summary{--underline-rest:var(--detail-rule)}:is(.site-header nav a,.site-footer a,.text-link,.ledger a,.play-film,.more-stills summary):is(:hover,:focus-visible),.site-header nav a[aria-current]{border-color:var(--green)}.site-header nav a:is(:hover,:focus-visible),.site-header nav a[aria-current]{color:#fff}.neighbor,.lightbox button{width:var(--detail-control-size);height:var(--detail-control-size);font:400 var(--detail-arrow-size)/1 var(--display);transition:color var(--motion-feedback) var(--motion-fade-ease), border-color var(--motion-feedback) var(--motion-fade-ease);place-items:center}.lightbox button{display:grid}.neighbor{border:var(--detail-rule-width) solid var(--detail-control-rule)}.neighbor:is(:hover,:focus-visible){border-color:var(--green)}:is(.neighbor,.lightbox button):is(:hover,:focus-visible){color:var(--green)}.lightbox .lightbox-close{font-size:var(--detail-close-size)}:is(.site-header nav a,.site-footer a,.text-link,.ledger a,.more-stills summary){position:relative}:is(.site-header nav a,.site-footer a,.text-link,.ledger a,.play-film,.more-stills summary):before{content:"";width:100%;min-width:44px;height:100%;min-height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:is(.tile,.still,.bts a,.home-hero):focus-visible{outline-offset:-3px}:is(.site-header nav a,.site-footer a,.text-link,.ledger a,.play-film,.more-stills summary):active{border-color:var(--green)}:is(.neighbor,.lightbox button):active{color:var(--green)}:is(.still,.bts a,.home-hero):active{opacity:.8}@media (hover:none){.tile:active .tile-info{opacity:.7}}:root{--motion-fast:.2s;--motion-base:.42s;--motion-slow:.7s;--motion-fade-ease:linear;--motion-ui-ease:cubic-bezier(.22,1,.36,1);--motion-page-enter:var(--motion-base);--motion-page-exit:var(--motion-fast);--motion-reveal:var(--motion-slow);--motion-image:var(--motion-base);--motion-gallery:var(--motion-fast);--motion-overlay:var(--motion-fast);--motion-feedback:var(--motion-fast);--motion-travel:var(--motion-base);--motion-panel:var(--motion-slow)}:root[data-motion=none]{--motion-fast:0s;--motion-base:0s;--motion-slow:0s}:root[data-motion=none] *,:root[data-motion=none] :before,:root[data-motion=none] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}:root[data-motion=none] :is(.reveal-pending,.image-loading){opacity:1}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s;--motion-slow:0s}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal-pending,.image-loading{opacity:1}}