:root{--bg:#111211;--bg2:#191a18;--ink:#f4f3ec;--ink2:#c0c0b5;--ink3:#96998f;--line:rgba(244,243,236,.17);--gold:#e8ce8e;--gutter:clamp(22px,4.5vw,88px)}
html{scroll-snap-type:none;scroll-padding-top:90px}body{font-size:16px}a{color:inherit}::selection{background:#e8ce8e;color:#111211}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;z-index:200;background:var(--gold);color:#111;padding:15px}.skip:focus{top:15px}
.site-header{height:82px;padding:0 var(--gutter);position:sticky;top:0;z-index:70;display:flex;align-items:center;justify-content:space-between;background:rgba(17,18,17,.93);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.wordmark{font-size:25px;font-weight:600;letter-spacing:-1.8px;text-decoration:none}.wordmark span{font-size:12px;vertical-align:top;margin-left:4px;letter-spacing:0}.site-header nav{display:flex;align-items:center;gap:38px}.site-header nav a{text-decoration:none;font-size:14px}.site-header sup{color:var(--ink3);font-size:10px;margin-left:5px}.nav-contact{border-bottom:1px solid var(--gold);padding-bottom:7px}.nav-contact span{color:var(--gold);margin-left:15px}
.slot{aspect-ratio:auto;overflow:visible;scroll-snap-align:none}.page{position:relative;width:100%;height:auto;transform:none;overflow:clip}.case,.full,.about,.final .in{padding:64px var(--gutter) 82px;height:auto}.case{grid-template-columns:minmax(270px,.85fr) minmax(0,1.5fr);gap:clamp(35px,5vw,100px)}.case__text,.case__art{height:auto}.case__text{align-self:start}.h-case{font-size:clamp(25px,2.65vw,43px);line-height:1.24;letter-spacing:-.04em}.client{font-size:14px;line-height:1.55;max-width:650px;margin-bottom:22px}.lead{font-size:16px;line-height:1.8;max-width:610px}.specs{margin-top:32px;font-size:14px;gap:10px 25px}.tag{font-size:13px;padding:8px 12px}.tags{gap:7px}.reel{font-size:14px;line-height:1.4;min-height:48px}.reel:hover{color:var(--ink)}.reel:before{opacity:.12}.foot{position:relative;left:auto;right:auto;bottom:auto;padding:0 var(--gutter) 24px;font-size:12px}.case-kicker{margin:0 var(--gutter);padding-top:32px;display:grid;grid-template-columns:100px 1fr auto;gap:16px;border-top:1px solid var(--line);font-size:12px;letter-spacing:.05em;color:var(--ink3)}.case-kicker>span:first-child{color:var(--accent,var(--gold))}
.cover{min-height:760px;height:calc(100svh - 82px);max-height:1120px}.cover .mosaic{inset:24px var(--gutter) 120px 36%;padding:0;gap:8px;transform:rotate(-5deg) scale(1.06);grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr)}.cover .mosaic .mfr{border-radius:3px}.cover .shade{background:linear-gradient(90deg,#111211 1%,rgba(17,18,17,.88) 24%,rgba(17,18,17,.2) 72%),linear-gradient(0deg,#111211 1%,rgba(17,18,17,.15) 80%)}.cover .title{left:var(--gutter);right:var(--gutter);bottom:104px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.12em;font-weight:500;color:var(--gold);line-height:1.7}.eyebrow>span{width:6px;height:6px;background:var(--gold);border-radius:50%}.cover .name{font-size:clamp(55px,7.6vw,120px);margin-top:34px;letter-spacing:-.055em;line-height:1.08;max-width:1000px}.cover .role{font-size:clamp(18px,2vw,26px);color:var(--ink);margin-top:22px}.cover .meta{border:0;padding:0;margin-top:25px;max-width:540px}.cover .meta p{font-size:15px;line-height:1.7}.cover .year{display:none}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px;pointer-events:auto}.primary-link{padding:17px 23px;background:var(--gold);color:#171813;text-decoration:none;display:flex;gap:48px;align-items:center;font-size:14px;font-weight:600;border-radius:2px;transition:background .2s,transform .2s}.primary-link:hover{background:#f9e5b5;transform:translateY(-3px)}.text-link{font-size:14px;text-decoration:none;border-bottom:1px solid var(--line);padding:12px 0}.cover-index{position:absolute;bottom:25px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid var(--line);color:var(--ink3);font-size:12px;letter-spacing:.12em}
.about{gap:48px;padding-top:80px}.about .top{grid-template-columns:1fr 1fr;gap:7vw}.about h2{font-size:clamp(28px,3.5vw,52px);line-height:1.2;letter-spacing:-.035em}.about .sum{font-size:16px;line-height:1.75}.nums .n{font-size:clamp(32px,4vw,58px)}.nums .l{font-size:14px}.nums>div{padding-top:30px;padding-bottom:30px}.pipe{grid-template-columns:repeat(4,1fr);gap:36px 26px;align-self:auto}.pipe .st p{font-size:14px;line-height:1.6}.pipe .st h4{font-size:16px}.pipe .st:before{background:var(--bg2)}
.work-heading{padding:85px var(--gutter) 40px}.work-heading h2{font-family:'Unbounded',sans-serif;font-size:clamp(28px,4vw,60px);letter-spacing:-.04em;margin:20px 0 35px;line-height:1.2}.work-heading h2 span{font:400 16px Inter,sans-serif;color:var(--ink3);vertical-align:top;display:inline-block;margin:6px 0 0 20px}.work-heading nav{display:flex;flex-wrap:wrap;gap:12px 24px}.work-heading nav a{font-size:14px;text-decoration:none;color:var(--ink2);padding-bottom:8px}.work-heading nav a:hover{color:var(--gold)}
.g33{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:28px 18px;height:auto}.g33 .fr:first-child{grid-column:span 2}.fr .im{flex:none;aspect-ratio:16/9;border-radius:4px;min-height:0}.fr .im img{height:100%;width:100%;object-fit:cover}.fr figcaption{font-size:14px;margin-top:12px;line-height:1.4;flex-wrap:wrap;gap:6px}.fr figcaption small{font-size:12px}.fr figcaption .vm{opacity:1;transform:none;color:var(--ink3);font-size:12px}.fr .im:after{content:'↗';position:absolute;right:12px;bottom:12px;width:34px;height:34px;display:grid;place-items:center;background:rgba(17,18,17,.72);border:1px solid rgba(255,255,255,.35);border-radius:50%;color:white;z-index:3;pointer-events:none;transition:background .3s}.fr:hover .im:after{background:var(--accent,var(--gold));color:#111}.spot .fr:not(.is-live){opacity:.8;filter:none}.g13{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:26px 18px}.g13 .big{grid-row:auto;grid-column:span 2}.g13 .fr:last-child{grid-column:span 2}.gval{height:auto;grid-template-rows:auto;gap:26px 18px}.gval .big .im{aspect-ratio:16/9}.gval .fr:not(.big) .im{aspect-ratio:3/4}.full{gap:40px}.full .head,.full--hero .head{grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.full .head .lead{margin-top:0}.full--hero .head .fr{height:auto}.strip{height:auto;grid-template-rows:auto;gap:28px 18px}.strip--7,.strip--8{grid-template-columns:repeat(4,minmax(0,1fr))}.strip .im{aspect-ratio:9/16}.strip--5{grid-template-columns:repeat(5,minmax(0,1fr))}.strip--5 .im{aspect-ratio:1/1}.strip--4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin-left:auto;width:100%}.gsq{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.gsq .fr .im{aspect-ratio:1/1}
.final .in{grid-template-columns:1.2fr 1fr;gap:6vw;min-height:730px;padding-top:90px}.final h2{font-size:clamp(30px,3vw,48px);line-height:1.25;letter-spacing:-.04em}.final .stack{margin-top:42px}.final .stack .row{font-size:14px;grid-template-columns:125px 1fr}.final .bgimg:after{background:linear-gradient(90deg,rgba(17,18,17,.98) 0%,rgba(17,18,17,.85) 50%,rgba(17,18,17,.65) 100%)}.final .contact .who{font-size:20px}.final .contact .ln{font-size:clamp(16px,1.6vw,22px);gap:16px;overflow-wrap:anywhere}.final .contact .note{font-size:14px;line-height:1.7;color:var(--ink2)}.downloads{display:flex;justify-content:flex-end;gap:22px;flex-wrap:wrap;margin-top:28px}.downloads a{font-size:14px;text-underline-offset:6px}.nav{display:none}.nav__hint{display:none}.lb{padding:24px}.lb__box{max-height:calc(100dvh - 48px);gap:15px}.lb__stage video{height:min(65dvh,760px);max-width:100%}.lb__strip{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:4px 0 8px;max-width:100%}.lb__strip button{flex:0 0 72px}.lb__close{width:44px;height:44px}.lb__title{font-size:clamp(16px,2vw,24px)}.lb__arr{width:44px;height:44px}.lb__strip button.cur{border-width:2px}
@media(min-width:1700px){.deck{max-width:1900px;margin:auto}.case{grid-template-columns:1fr 1.6fr}}
@media(max-width:1100px){.case{grid-template-columns:1fr;gap:36px}.case__text{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.case__text .client,.case__text h2{grid-column:1}.case__text .lead{grid-column:2;grid-row:1 / span 3;margin-top:0}.case__text .tags{grid-column:1}.case__text .reel{grid-column:1;justify-self:start}.case__text .specs{grid-column:2;grid-row:4 / span 2;margin-top:24px}.g33{grid-template-columns:repeat(3,minmax(0,1fr))}.g33 .fr:first-child{grid-column:auto}.g13{grid-template-columns:repeat(3,minmax(0,1fr))}.g13 .big{grid-column:span 3}.g13 .fr:last-child{grid-column:auto}.strip--5{grid-template-columns:repeat(3,minmax(0,1fr))}.cover .name{font-size:8vw}.cover .mosaic{left:28%}.final .in{grid-template-columns:1fr}.final .contact{text-align:left;justify-self:start}.final .contact .note{margin-left:0}.downloads{justify-content:flex-start}.final .stack{max-width:700px}}
@media(max-width:700px){html{scroll-padding-top:76px}.site-header{height:68px}.wordmark{font-size:23px}.site-header nav{gap:19px}.site-header nav a{font-size:13px}.site-header nav a:nth-child(2){display:none}.nav-contact span{margin-left:3px}.site-header sup{display:none}.cover{height:auto;min-height:820px;max-height:none;display:flex;align-items:flex-end;padding:305px var(--gutter) 90px}.cover .mosaic{inset:22px -35px auto 25px;height:400px;transform:rotate(-6deg);gap:5px}.cover .shade{background:linear-gradient(0deg,#111211 15%,rgba(17,18,17,.95) 49%,rgba(17,18,17,.06) 95%)}.cover .title{position:relative;inset:auto;width:100%}.cover .name{font-size:clamp(37px,9.7vw,68px);margin-top:20px}.eyebrow{font-size:10px;letter-spacing:.07em}.cover .role{font-size:17px;line-height:1.5;margin-top:18px}.cover .meta{margin-top:20px}.cover .meta p{font-size:14px;line-height:1.8}.hero-actions{gap:20px;flex-wrap:wrap;margin-top:25px}.primary-link{gap:22px;padding:16px 19px}.text-link{font-size:13px}.cover-index{font-size:10px;bottom:23px}.case,.full,.about,.final .in{padding:38px var(--gutter) 50px}.about .top{grid-template-columns:1fr;gap:28px}.about{gap:35px}.about h2{font-size:30px}.nums{grid-template-columns:repeat(2,1fr)}.nums>div,.nums>div+div{padding:24px 12px 24px 0;border-left:0}.nums>div:nth-child(even){border-left:1px solid var(--line);padding-left:20px}.nums>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.nums .n{font-size:38px}.nums .l{font-size:13px}.pipe{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.pipe .st p{font-size:13px}.pipe .st h4{font-size:15px}.work-heading{padding:55px var(--gutter) 25px}.work-heading h2{font-size:29px}.work-heading h2 span{margin-left:12px;font-size:12px}.work-heading nav{gap:8px 20px}.work-heading nav a{font-size:13px}.case-kicker{grid-template-columns:auto 1fr;padding-top:25px;font-size:11px}.case-kicker>span:last-child{display:none}.case-kicker>span:nth-child(2){text-align:right}.case__text{display:flex}.h-case{font-size:26px}.lead{font-size:16px;line-height:1.75}.case__text .lead{margin-top:22px}.client{font-size:13px;margin-bottom:18px}.tags{margin-top:20px}.tag{font-size:12px;line-height:1.3}.case__text .specs{width:100%;margin-top:28px}.g33{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.g33 .fr:first-child{grid-column:span 2}.fr figcaption{font-size:13px;gap:5px}.fr figcaption .vm{font-size:12px;display:block;width:100%}.fr .im:after{width:29px;height:29px;right:8px;bottom:8px}.full .head,.full--hero .head{grid-template-columns:1fr;gap:25px}.full{gap:30px}.strip--7,.strip--8,.strip--5{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.strip--4{gap:12px}.g13{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.g13 .big{grid-column:span 2}.g13 .fr:last-child{grid-column:span 2}.gval{gap:24px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.gval .big{grid-column:span 2}.gval .fr:last-child{grid-column:span 2}.gval .fr:last-child .im{aspect-ratio:16/9}.foot{font-size:11px;gap:15px}.foot span:last-child{display:none}.final .in{padding-top:60px;gap:48px}.final h2{font-size:29px}.final .stack .row{grid-template-columns:100px 1fr;gap:13px}.final .contact .who{font-size:19px}.final .contact .ln{font-size:18px}.lb{padding:14px}.lb__box{max-height:calc(100dvh - 28px)}.lb__head{grid-template-columns:1fr 44px;gap:8px 12px}.lb__close{grid-column:2;grid-row:1 / span 2;align-self:start}.lb__meta{grid-row:2;font-size:12px}.lb__case{font-size:12px}.lb__title{font-size:16px;line-height:1.4}.lb__stage video{height:auto;width:100%;max-height:61dvh;aspect-ratio:16/9}.lb__stage video.v{height:58dvh;width:auto}.lb__stage video.sq{height:auto;max-height:58dvh}.lb__arr.prev{left:3px}.lb__arr.next{right:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{.site-header,.hero-actions,.work-heading nav,.downloads{display:none}.page{overflow:visible}.slot{width:auto;height:auto;break-after:auto}.case,.full,.about,.final .in{padding:30px}.cover{min-height:750px}.fr{break-inside:avoid}}