:root{--ink:#0b0c0d;--paper:#f2f1ed;--line:#c9c8c2;--accent:#daff45}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.nav{height:84px;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;color:#fff}.brand{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:700;line-height:1.05}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #fff;font:700 20px Georgia,serif}.nav nav{display:flex;gap:30px;font-size:13px}.nav nav a{border-bottom:1px solid transparent;padding-bottom:4px}.nav nav a:hover{border-color:currentColor}.menu{display:none;border:0;background:none;color:inherit}.hero{min-height:92vh;position:relative;background:#111;color:#fff;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.08))}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-copy{position:relative;z-index:1;padding:150px 6vw 100px;max-width:1000px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.14em}.hero h1{font:400 clamp(80px,13vw,210px)/.76 Georgia,serif;margin:56px 0 44px}.intro{font-size:18px;line-height:1.5;max-width:500px}.scroll{position:absolute;z-index:2;right:30px;bottom:26px;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.scroll span{margin-left:18px}.work{padding:90px 28px 120px}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:30px}.section-head h2{font:400 42px Georgia,serif;margin:0}.filters{display:flex;gap:18px}.filters button{border:0;background:none;padding:4px 0;color:#777;cursor:pointer}.filters button.active{color:#000;border-bottom:1px solid}.projects{display:grid;grid-template-columns:1.35fr .85fr;gap:26px}.project{transition:opacity .2s}.project.hidden{display:none}.project img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.84);transition:filter .4s,transform .5s}.project-wide{grid-row:span 2}.project-wide img{height:100%;aspect-ratio:auto}.project a{display:block;overflow:hidden}.project a:hover img{filter:saturate(1.1);transform:scale(1.015)}.meta{display:flex;justify-content:space-between;align-items:baseline;padding:13px 0 20px}.meta h3{font-size:18px;margin:0}.meta p{font-size:12px;color:#696969;margin:0}.studio{background:var(--ink);color:#fff;padding:110px 6vw;display:grid;grid-template-columns:.6fr 1.8fr 1fr;gap:60px}.studio h2{font:400 clamp(48px,7vw,108px)/.92 Georgia,serif;margin:0 0 50px}.studio>div>p{max-width:620px;font-size:20px;line-height:1.55;color:#c7c7c2}.studio dl{margin:0}.studio dl div{border-top:1px solid #444;padding:15px 0 28px}.studio dt{text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:#888}.studio dd{margin:8px 0 0}.contact{padding:130px 6vw;background:var(--accent)}.contact h2{font:400 clamp(55px,9vw,140px)/.9 Georgia,serif;margin:55px 0 80px}.contact>a{font-size:20px;border-bottom:1px solid;display:flex;justify-content:space-between;padding-bottom:12px}footer{padding:22px 28px;display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.1em}@media(max-width:760px){.nav{padding:14px 18px}.nav nav{display:none}.menu{display:block}.nav.open nav{position:absolute;display:flex;top:70px;right:18px;flex-direction:column;background:#111;padding:24px;gap:20px}.hero{min-height:88vh}.hero-copy{padding:145px 20px 90px}.hero h1{font-size:25vw;margin-top:80px}.intro{font-size:16px}.work{padding:70px 18px}.section-head{align-items:start;gap:30px;flex-direction:column}.filters{gap:14px}.projects{display:block}.project{margin-bottom:30px}.project-wide img{aspect-ratio:4/5;height:auto}.studio{padding:80px 20px;display:block}.studio>p{margin-bottom:50px}.studio dl{margin-top:70px}.contact{padding:90px 20px}footer{padding:20px 18px;gap:20px}}