@font-face{font-family:nhgRoman;src:url(../media/NHaasGroteskDSPro_55Rg-s.p.2tixcb6qi-_zt.otf)format("opentype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:nhgRoman Fallback;src:local(Arial);ascent-override:97.93%;descent-override:24.38%;line-gap-override:0.0%;size-adjust:93.53%}.nhgroman_9930b309-module__iq694q__className{font-family:nhgRoman,nhgRoman Fallback;font-style:normal;font-weight:400}.nhgroman_9930b309-module__iq694q__variable{--font-nhg-roman:"nhgRoman", "nhgRoman Fallback"}
@font-face{font-family:nhgBold;src:url(../media/NHaasGroteskDSPro_75Bd-s.p.2k31018ujkgfn.otf)format("opentype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:nhgBold Fallback;src:local(Arial);ascent-override:92.58%;descent-override:26.04%;line-gap-override:0.0%;size-adjust:100.99%}.nhgbold_24951174-module__CotwCq__className{font-family:nhgBold,nhgBold Fallback;font-style:normal;font-weight:700}.nhgbold_24951174-module__CotwCq__variable{--font-nhg-bold:"nhgBold", "nhgBold Fallback"}
:root{--paper:#f5f5f3;--ink:#0c0c0c;--pure-w:#fff;--pure-b:#000;--muted:#6c6c6a;--line:#0c0c0c29;--line-strong:#0c0c0c66;--font-headline:var(--font-nhg-bold), "Helvetica Neue", Arial, sans-serif;--font-body:var(--font-nhg-roman), "Helvetica Neue", Arial, sans-serif;--bar-h:56px;--pad:clamp(20px, 5vw, 64px);--maxw:1500px;--ease:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;font-weight:400;line-height:1.65;overflow-x:hidden}.headline{font-family:var(--font-headline);text-transform:lowercase;font-weight:700}::selection{background:var(--ink);color:var(--paper)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.cls-1{fill:var(--ink);stroke-width:0}.grain{pointer-events:none;z-index:9000;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:200%;height:200%;animation:8s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}16%{transform:translate(-3%,2%)}33%{transform:translate(2%,-3%)}50%{transform:translate(-2%,-2%)}66%{transform:translate(3%,1%)}83%{transform:translate(-1%,3%)}to{transform:translate(0)}}.bar{z-index:1000;height:var(--bar-h);padding:0 var(--pad);background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.mark{width:30px;height:30px;transition:width .42s var(--ease);align-items:center;display:inline-flex;position:relative}.mark__star{width:24px;height:24px;transition:opacity .3s var(--ease), transform .5s var(--ease);display:block}.mark__star svg{width:100%;height:100%;display:block}.mark__word{white-space:nowrap;pointer-events:none;opacity:0;height:17px;transition:opacity .4s var(--ease);position:absolute;top:50%;left:0;transform:translateY(-50%)}.mark__word svg{width:auto;height:100%;display:block}.mark:hover .mark__star,.mark:focus-visible .mark__star{opacity:0;transform:rotate(90deg)scale(.6)}.mark:hover .mark__word,.mark:focus-visible .mark__word{opacity:1}.mark:focus-visible{outline:none}nav.bar__nav{align-items:center;gap:clamp(16px,3vw,40px);display:flex}.navlink{font-family:var(--font-body);letter-spacing:.04em;color:var(--muted);transition:color .25s var(--ease);padding:4px 0;font-size:12px;font-weight:400;position:relative}.navlink:after{content:"";background:var(--ink);transform-origin:0;height:1px;transition:transform .3s var(--ease);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.navlink:hover{color:var(--ink)}.navlink:hover:after,.navlink[aria-current=page]:after{transform:scaleX(1)}.navlink[aria-current=page]{color:var(--ink)}.bar__loc{font-family:var(--font-body);letter-spacing:.06em;color:var(--muted);font-size:10.5px;display:none}@media (min-width:1080px){.bar__loc{display:block}}main{padding-top:var(--bar-h);min-height:100vh}.anim{animation:rise .7s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.eyebrow{font-family:var(--font-headline);text-transform:lowercase;letter-spacing:.04em;color:var(--muted);align-items:center;gap:8px;margin:0;font-size:11px;font-weight:700;display:flex}.eyebrow__asterisk{color:var(--ink)}.home{min-height:calc(100vh - var(--bar-h));padding:0 var(--pad) 8vh;flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.home__logo{margin:0}.home__logo svg{width:min(100%,1080px);height:auto;display:block}.home__foot{left:var(--pad);right:var(--pad);font-family:var(--font-body);letter-spacing:.06em;color:var(--muted);justify-content:space-between;align-items:flex-end;gap:20px;font-size:11px;display:flex;position:absolute;bottom:28px}.home__foot span:last-child{text-align:right}@media (max-width:640px){.home__foot{flex-direction:column;align-items:flex-start;gap:6px}.home__foot span:last-child{text-align:left}}.about{padding:clamp(48px, 9vh, 120px) var(--pad) 140px;max-width:var(--maxw);margin:0 auto}.about__lead{font-family:var(--font-headline);letter-spacing:-.025em;text-transform:lowercase;max-width:20ch;margin:34px 0 0;font-size:clamp(1.7rem,4.4vw,3.6rem);font-weight:700;line-height:1.1}.about__lead em{font-style:normal;font-weight:700}.about__grid{border-top:1px solid var(--line);grid-template-columns:repeat(12,1fr);gap:30px clamp(24px,4vw,64px);margin-top:clamp(56px,9vh,110px);padding-top:48px;display:grid}.about__body{grid-column:1/span 7}.about__body p{max-width:52ch;margin:0 0 1.5em}.about__body p:last-child{margin-bottom:0}.about__side{grid-column:9/span 4}.deflist{flex-direction:column;gap:22px;display:flex}.deflist dt{font-family:var(--font-headline);text-transform:lowercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px;font-size:10.5px;font-weight:700}.deflist dd{margin:0;font-size:14px}.deflist dd a{border-bottom:1px solid var(--line-strong);padding-bottom:1px;transition:border-color .2s}.deflist dd a:hover{border-color:var(--ink)}@media (max-width:880px){.about__body,.about__side{grid-column:1/-1}}.directors{padding:clamp(48px, 9vh, 120px) var(--pad) 140px;max-width:var(--maxw);margin:0 auto}.directors__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;display:flex}.directors__count{font-family:var(--font-body);letter-spacing:.06em;color:var(--muted);font-size:11px}.dgrid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;margin-top:clamp(40px,7vh,80px);display:grid}.dcard{background:var(--paper);transition:background .3s var(--ease), color .3s var(--ease);flex-direction:column;padding:26px 26px 30px;display:flex}.dcard__frame{aspect-ratio:3/4;filter:grayscale()contrast(1.02);background:#e7e7e4;width:100%;margin-bottom:22px;overflow:hidden}.dcard__frame img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}.dcard__name{font-family:var(--font-headline);letter-spacing:-.02em;text-transform:lowercase;font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:700;line-height:1.02}.dcard__role{font-family:var(--font-body);letter-spacing:.06em;color:var(--muted);transition:color .3s var(--ease);margin-top:10px;font-size:11px}.dcard__bio{color:var(--ink);transition:color .3s var(--ease);margin-top:16px;font-size:13.5px;line-height:1.6}.dcard__links{font-family:var(--font-body);letter-spacing:.06em;gap:18px;margin-top:auto;padding-top:22px;font-size:11px;display:flex}.dcard__links a{color:var(--muted);transition:color .25s}.dcard:hover{background:var(--ink);color:var(--paper)}.dcard:hover .dcard__role,.dcard:hover .dcard__bio{color:#f5f5f3bd}.dcard:hover .dcard__links a{color:#f5f5f3b3}.dcard:hover .dcard__links a:hover{color:var(--paper)}.dcard:hover .dcard__frame img{transform:scale(1.05)}.work{padding:clamp(44px,8vh,96px) 0 120px}.work__top{padding:0 var(--pad);max-width:var(--maxw);margin:0 auto}.work__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;display:flex}.work__count{font-family:var(--font-body);letter-spacing:.06em;color:var(--muted);font-size:11px}.filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:26px;margin-top:34px;padding:14px 0;display:flex}.filtergroup{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filtergroup__label{font-family:var(--font-headline);text-transform:lowercase;letter-spacing:.04em;color:var(--muted);font-size:10px;font-weight:700}.selectwrap{display:inline-block;position:relative}.selectwrap:after{content:"";border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);pointer-events:none;width:6px;height:6px;position:absolute;top:50%;right:12px;transform:translateY(-70%)rotate(45deg)}.selectwrap select{appearance:none;font-family:var(--font-body);letter-spacing:.04em;color:var(--ink);border:1px solid var(--line-strong);cursor:pointer;transition:border-color .2s var(--ease), background .2s var(--ease);background:0 0;border-radius:0;padding:9px 34px 9px 14px;font-size:12px;font-weight:400}.selectwrap select:hover{border-color:var(--ink)}.selectwrap select:focus-visible{border-color:var(--ink);background:#ececea;outline:none}.selectwrap select option{color:#0c0c0c;text-transform:none;background:#f5f5f3}.index{margin-top:6px}.index__hd,.row{padding:0 var(--pad);max-width:var(--maxw);grid-template-columns:56px minmax(96px,1fr) minmax(150px,1.9fr) minmax(110px,1.1fr) minmax(96px,1fr) 64px;align-items:center;gap:20px;margin-inline:auto;display:grid}.index__hd{font-family:var(--font-body);letter-spacing:.06em;color:var(--muted);padding-top:18px;padding-bottom:14px;font-size:10px}.row{border-top:1px solid var(--line);color:var(--ink);transition:color .28s var(--ease);cursor:pointer;isolation:isolate;padding-block:clamp(14px,1.8vw,22px);position:relative}.row:before{content:"";z-index:-1;background:var(--ink);transform-origin:bottom;transition:transform .34s var(--ease);position:absolute;inset:0;transform:scaleY(0)}.row:hover,.row:focus-visible{color:var(--paper);outline:none}.row:hover:before,.row:focus-visible:before{transform:scaleY(1)}.row__n{color:var(--muted);transition:color .28s var(--ease);font-size:12px}.row:hover .row__n,.row:focus-visible .row__n{color:#f5f5f399}.row__client{font-size:13.5px}.row__project{font-family:var(--font-headline);letter-spacing:-.02em;text-transform:lowercase;font-size:clamp(1.15rem,1.9vw,1.6rem);font-weight:700;line-height:1.02}.row__dir{font-family:var(--font-body);color:var(--muted);transition:color .28s var(--ease);letter-spacing:.04em;font-size:12.5px}.row:hover .row__dir,.row:focus-visible .row__dir{color:#f5f5f3b8}.row__cat{font-family:var(--font-body);color:var(--muted);transition:color .28s var(--ease);letter-spacing:.04em;font-size:11px}.row:hover .row__cat,.row:focus-visible .row__cat{color:#f5f5f3b8}.row__year{color:var(--muted);text-align:right;transition:color .28s var(--ease);font-size:12px}.row:hover .row__year,.row:focus-visible .row__year{color:#f5f5f399}.row__thumb{display:none}.index__empty{padding:60px var(--pad);color:var(--muted);max-width:var(--maxw);margin-inline:auto;font-size:13px}.preview{z-index:8000;pointer-events:none;opacity:0;width:300px;transition:opacity .25s var(--ease);will-change:transform, opacity;position:fixed;top:0;left:0;transform:translate(-9999px,-9999px)scale(.96)}.preview.is-on{opacity:1}.preview__inner{background:var(--pure-b);padding:8px 8px 6px;box-shadow:0 24px 60px -20px #00000080}.preview__img{aspect-ratio:3/2;object-fit:cover;filter:grayscale()contrast(1.04);background:#1a1a1a;width:100%;display:block}.preview__cap{font-family:var(--font-body);letter-spacing:.06em;color:#9a9a9a;justify-content:space-between;padding:6px 2px 2px;font-size:9.5px;display:flex}@media (hover:none),(pointer:coarse){.preview{display:none!important}.index__hd{display:none}.row{cursor:default;grid-template-columns:84px 1fr auto;grid-template-areas:"thumb client year""thumb project project""thumb dir cat";align-items:start;gap:3px 16px}.row:before{display:none}.row:hover,.row:focus-visible{color:var(--ink)}.row__n{display:none}.row__thumb{aspect-ratio:3/2;object-fit:cover;filter:grayscale()contrast(1.03);background:#e0e0dd;grid-area:thumb;align-self:center;width:84px;display:block}.row__client{letter-spacing:.04em;color:var(--muted);grid-area:client;align-self:end;font-size:11px}.row__project{grid-area:project}.row__dir{grid-area:dir;font-size:11px}.row__cat{grid-area:cat;place-self:end;font-size:10.5px}.row__year{grid-area:year;place-self:end}}@media (max-width:540px){.row{grid-template-columns:64px 1fr auto}.row__thumb{width:64px}}.endline{border-top:1px solid var(--line);padding:24px var(--pad) 0;max-width:var(--maxw);margin-top:90px;font-family:var(--font-body);letter-spacing:.06em;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;margin-inline:auto;font-size:10.5px;display:flex}@media (prefers-reduced-motion:reduce){*{transition-duration:.05ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.grain{animation:none}}
