@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--paper:#f5f4ef;--ink:#11110f;--muted:#8a8982;--line:rgba(17,17,15,.2);--display:'Manrope',Arial,sans-serif;--mono:'DM Mono',monospace;--pad:clamp(18px,3.2vw,52px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px var(--pad);font:10px var(--mono);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center}.brand img{width:30px;height:30px;object-fit:contain;filter:brightness(0)}.nav{display:flex;gap:clamp(22px,4vw,62px)}.nav a:hover{opacity:.5}.intro{padding:clamp(60px,10vw,130px) var(--pad) clamp(50px,8vw,100px);display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:end}.eyebrow{font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.intro h1{grid-column:2;font-size:clamp(76px,16vw,220px);line-height:.75;letter-spacing:-.105em;text-transform:uppercase;margin:0}.intro p{grid-column:2;max-width:510px;font-size:13px;line-height:1.7;margin:25px 0 0;color:#53524d}.cards{background:var(--ink);color:var(--paper);padding:clamp(42px,6vw,84px) var(--pad) clamp(80px,11vw,145px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,7vw,100px) clamp(18px,4vw,62px)}.card:nth-child(even){margin-top:120px}.card figure{margin:0;aspect-ratio:1.3;overflow:hidden;background:#252521}.card:nth-child(even) figure{aspect-ratio:.95}.card img{height:100%;transition:filter .5s,transform .8s}.card:hover img{transform:scale(1.035)}.card h2{font-size:clamp(23px,3.1vw,44px);line-height:.95;letter-spacing:-.065em;text-transform:uppercase;margin:14px 0 0}.card:focus-visible{outline:2px solid #fff;outline-offset:6px}.project-hero{background:var(--ink);color:var(--paper);padding:16px var(--pad) 0}.project-kicker{display:flex;justify-content:space-between;font:10px var(--mono);text-transform:uppercase;color:#b2b0a8}.project-hero h1{font-size:clamp(62px,14vw,190px);line-height:.8;letter-spacing:-.1em;text-transform:uppercase;margin:clamp(50px,8vw,110px) 0 48px;max-width:1200px}.lead-image{margin:0;aspect-ratio:1.8;background:#292925;overflow:hidden}.lead-image img{height:100%;}.project-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:clamp(48px,8vw,105px) var(--pad);align-items:start}.project-copy h2{font-size:clamp(28px,4.5vw,64px);line-height:.94;letter-spacing:-.07em;text-transform:uppercase;margin:0}.project-copy p{font-size:13px;line-height:1.75;max-width:520px;margin:0 0 16px}.gallery{padding:0 var(--pad) clamp(70px,10vw,130px);display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.gallery img{height:100%;max-height:650px;aspect-ratio:1.3;}.gallery img:nth-child(2){margin-top:70px}.film{padding:0 var(--pad) clamp(70px,10vw,130px)}.film iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.back-link{display:inline-flex;gap:16px;margin:0 var(--pad) 70px;padding-bottom:8px;border-bottom:1px solid;font:10px var(--mono);text-transform:uppercase}.footer{background:var(--ink);color:var(--paper);padding:25px var(--pad);font:10px var(--mono);text-transform:uppercase;display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap}.footer a:hover{opacity:.65}@media(max-width:700px){.brand img{width:26px;height:26px}.nav{gap:14px}.nav a{font-size:9px}.intro{grid-template-columns:1fr;gap:22px}.intro h1,.intro p{grid-column:1}.intro h1{font-size:20vw}.cards{grid-template-columns:1fr;gap:42px}.card:nth-child(even){margin-top:0}.card:nth-child(even) figure{aspect-ratio:1.3}.card h2{font-size:32px}.project-hero h1{font-size:clamp(42px,12vw,64px);letter-spacing:-.08em;overflow-wrap:anywhere;margin:58px 0 35px}.lead-image{aspect-ratio:1.15}.project-copy{grid-template-columns:1fr;gap:24px}.gallery{grid-template-columns:1fr;gap:14px}.gallery img:nth-child(2){margin-top:0}.footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important}}

.project-gallery{padding:0 var(--pad) clamp(70px,10vw,130px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;align-items:start}.project-asset{margin:0;overflow:hidden;background:#23231f}.project-asset img,.project-asset video{display:block;width:100%;aspect-ratio:1.45;object-fit:cover}.project-asset-video video{background:#151515}.project-asset figcaption{padding:9px 2px 0;color:#aaa89f;font:10px var(--mono);text-transform:uppercase;letter-spacing:.04em}.concept-mark,.concept-label{font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#cbc9c0;border:1px solid rgba(245,244,239,.3);padding:4px 7px;white-space:nowrap}.project-kicker .concept-mark{margin-left:10px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;color:#b2b0a8;font:9px var(--mono);text-transform:uppercase}.card h2{margin-top:11px}.cards{grid-template-columns:1fr 1fr}.cards .card:nth-child(even){margin-top:120px}@media(max-width:700px){.project-gallery{grid-template-columns:1fr;gap:22px 0}.cards{grid-template-columns:1fr}.cards .card:nth-child(even){margin-top:0}.card-meta{font-size:8px}}
