:root{--ink:#090909;--paper:#efede7;--muted:#96938c;--line:rgba(239,237,231,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:16px Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:20;inset:0 0 auto;height:72px;padding:0 28px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#fff;mix-blend-mode:difference;font-size:.78rem}.wordmark{font-weight:600}.nav p{margin:0;text-align:center}.nav nav{display:flex;justify-content:flex-end;gap:24px}.hero{height:100svh;min-height:620px;position:relative}.hero__media{position:absolute;inset:0}.media{overflow:hidden;background:#151515}.media video,.media iframe,.media img{display:block;width:100%;height:100%;object-fit:cover;border:0}.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),transparent 55%,rgba(0,0,0,.62))}.hero__caption{position:absolute;bottom:25px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:end}.hero h1{margin:0;font-size:clamp(1.35rem,2.3vw,2.5rem);font-weight:500;line-height:1.08;letter-spacing:-.045em}.sound{border:0;background:none;color:#fff;font:inherit;font-size:.75rem;opacity:.65}.placeholder{height:100%;min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#1b1b1b;color:rgba(255,255,255,.9)}.placeholder span{font:italic 400 clamp(2.5rem,5vw,5.5rem)/.88 Newsreader,serif;letter-spacing:-.04em;text-align:center}.placeholder small{margin-top:17px;font-size:.61rem;text-transform:uppercase;letter-spacing:.16em;opacity:.6}.placeholder--reel{background:linear-gradient(120deg,#080808,#312f2c 52%,#111)}.placeholder--fathers{background:linear-gradient(135deg,#0a0a0a,#39332e 50%,#111)}.work{padding:100px 28px 130px}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:38px}.section-head h2{margin:0;font-size:.84rem;font-weight:500}.section-head p{margin:0;color:var(--muted);font-size:.74rem}.project__media{aspect-ratio:16/10;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.project:hover .project__media{transform:scale(.992)}.project--lead .project__media{aspect-ratio:16/8.5}.project__info{display:flex;justify-content:space-between;gap:20px;padding-top:13px}.project__info h3,.project__info p{margin:0;font-size:.75rem;font-weight:400}.project__info p{color:var(--muted);text-align:right}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 22px;margin-top:110px}.placeholder--mtv{background:linear-gradient(140deg,#161616,#282727)}.placeholder--rock{background:linear-gradient(140deg,#111,#2b2826)}.social-work{background:var(--paper);color:var(--ink);padding:100px 4.5vw 120px}.social-work .section-head p,.social-work .project__info p{color:#77736d}.phones{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;max-width:1220px;margin:70px auto 0;align-items:start}.phone--offset{margin-top:90px}.phone__screen{aspect-ratio:9/16;border-radius:9px;background:#111;box-shadow:0 28px 65px rgba(0,0,0,.15)}.phone__screen .placeholder{min-height:100%}.phone__screen .placeholder span{font-family:Inter,sans-serif;font-style:normal;font-weight:600;letter-spacing:-.075em}.placeholder--shade{background:linear-gradient(160deg,#201d1b,#64453d)}.placeholder--noshade{background:linear-gradient(160deg,#171618,#48454c)}.placeholder--aunties{background:linear-gradient(160deg,#1c1a16,#625849)}.proof{margin:100px 0 0;text-align:center;font:italic clamp(1.4rem,2.7vw,2.7rem) Newsreader,serif;letter-spacing:-.025em}.work--more{padding-top:130px}.project-grid--three{grid-template-columns:repeat(3,1fr);margin-top:0}.placeholder--soft{background:linear-gradient(135deg,#121212,#292827)}.archive{display:grid;grid-template-columns:1fr 2fr;margin-top:120px;padding-top:20px;border-top:1px solid var(--line);font-size:.75rem}.archive p{margin:0}.archive p:last-child{color:var(--muted)}.about{padding:150px 4.5vw;display:grid;grid-template-columns:1.7fr 1fr;gap:12vw;border-top:1px solid var(--line)}.kicker{font-size:.75rem;margin:0 0 70px}.about h2{font-size:clamp(2.2rem,4.8vw,5.2rem);font-weight:400;line-height:1.02;letter-spacing:-.06em;margin:0}.about h2 em{font-family:Newsreader,serif;font-weight:400}.about>p{align-self:end;color:#aaa7a0;line-height:1.6;max-width:440px;margin:0}footer{background:var(--paper);color:var(--ink);padding:90px 28px 28px}footer>p{font-size:.75rem;margin:0 0 45px}footer>a{font:italic clamp(4rem,12vw,11rem)/.85 Newsreader,serif;letter-spacing:-.06em}footer>div{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:90px;font-size:.68rem}footer>div span:nth-child(2){text-align:center}footer>div span:last-child{text-align:right}
@media(max-width:760px){.nav{height:62px;padding:0 16px;grid-template-columns:1fr 1fr}.nav p{display:none}.nav nav{gap:16px}.hero__caption{left:16px;right:16px;bottom:18px}.hero h1{font-size:1.25rem}.work{padding:75px 16px 100px}.section-head{display:block}.section-head p{margin-top:8px}.project--lead .project__media{aspect-ratio:4/5}.project__info{display:block}.project__info p{text-align:left;margin-top:5px}.project-grid,.project-grid--three{grid-template-columns:1fr;gap:70px;margin-top:80px}.social-work{padding:75px 16px 90px}.phones{display:flex;overflow-x:auto;gap:18px;margin-top:50px;scroll-snap-type:x mandatory;padding:0 2px 25px}.phone{min-width:77vw;scroll-snap-align:center}.phone--offset{margin-top:0}.proof{text-align:left;margin-top:65px}.archive{display:block;margin-top:85px}.archive p:last-child{margin-top:24px;line-height:1.8}.about{padding:100px 16px;display:block}.kicker{margin-bottom:50px}.about>p{margin-top:80px}.about h2{font-size:2.8rem}footer{padding:75px 16px 24px}footer>div{grid-template-columns:1fr;margin-top:65px;gap:9px}footer>div span:nth-child(2),footer>div span:last-child{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project__media{transition:none}}
.hero__work{display:block;height:100%}.hero__shade{pointer-events:none}.linked-work{padding:30px 28px 140px}.project-grid--linked{margin-top:0}.placeholder--drive{background:linear-gradient(135deg,#151515,#34312d)}@media(max-width:760px){.linked-work{padding:20px 16px 100px}.project-grid--linked{margin-top:0}}