@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#1d1d1b;--paper:#f1eee7;--line:rgba(29,29,27,.2);--lime:#d9ff43;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{position:absolute;top:0;left:0;width:100%;height:96px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;z-index:10;color:white}.brand{font-weight:500;letter-spacing:-.04em;font-size:20px;text-decoration:none;color:inherit}.brand span{font-weight:300}.site-header nav{display:flex;gap:34px}.site-header nav a{color:inherit;text-decoration:none;font-size:13px}.menu-toggle{display:none;background:none;border:0}.hero{height:100svh;min-height:650px;position:relative;color:white;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=2200&q=88') center/cover;transform:scale(1.04)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.54),rgba(0,0,0,.04) 70%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 50%)}.hero-copy{position:absolute;left:4vw;bottom:8vh}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.16em;font-size:11px}.hero h1{font-size:clamp(64px,9.4vw,145px);line-height:.78;letter-spacing:-.06em;font-weight:300;margin:30px 0 60px}.hero h1 em,.intro h2 em,.process h2 em{font-family:var(--serif);font-weight:400}.round-link{display:flex;align-items:center;justify-content:space-between;width:190px;border-top:1px solid rgba(255,255,255,.6);padding-top:14px;color:white;text-decoration:none}.round-link b{font-size:20px}.hero-side{position:absolute;right:4vw;bottom:8vh;writing-mode:vertical-rl;font-size:12px}.intro,.services,.process,.project-detail{padding:140px 4vw}.intro{display:grid;grid-template-columns:1fr 3fr;gap:30px}.intro-copy{max-width:1050px}.intro h2,.process h2{font-size:clamp(50px,7.1vw,108px);line-height:.93;letter-spacing:-.05em;font-weight:300;margin:0}.intro-copy>p{max-width:550px;margin:60px 0 0 auto;font-size:20px;line-height:1.55}.projects{padding:60px 4vw 140px}.section-head{border-top:1px solid var(--line);padding:18px 0 70px;display:flex;justify-content:space-between}.section-head>p:last-child{text-align:right;margin:0}.project{position:relative;margin-bottom:130px}.project-image{display:block;background-size:cover;background-position:center;overflow:hidden;transition:filter .5s,transform .8s}.project-image:hover{filter:saturate(.7);transform:scale(.997)}.project-wide{width:85%}.project-wide .project-image{height:68vw;max-height:900px;background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=88')}.project-meta{display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line);margin-top:16px}.project-meta p{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 7px}.project-meta h3{font-family:var(--serif);font-weight:400;font-size:35px;margin:0}.project-pair{display:grid;grid-template-columns:1.4fr .75fr;align-items:end;gap:9vw}.project-tall .project-image{height:73vw;max-height:1000px;background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1600&q=88')}.project-small .project-image{height:42vw;max-height:600px;background-image:url('https://images.unsplash.com/photo-1600573472592-401b489a3cdc?auto=format&fit=crop&w=1400&q=88')}.project-cinema .project-image{height:82vh;min-height:600px;background-image:url('https://images.unsplash.com/photo-1613490493576-7fde63acd811?auto=format&fit=crop&w=2200&q=88')}.reference-note{font-size:11px;max-width:450px;color:#666}.services{background:#20221e;color:#f3f1e9}.services-list{margin:70px 0 0 25%}.service{display:grid;grid-template-columns:60px 1fr 1fr;gap:20px;align-items:center;border-top:1px solid rgba(255,255,255,.25);padding:28px 0}.service h3{font-family:var(--serif);font-weight:400;font-size:40px;margin:0}.service p{max-width:400px;color:#bcbdb5;line-height:1.5}.process{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw}.process-sticky{align-self:start;position:sticky;top:60px}.process h2{font-size:clamp(54px,6vw,95px);margin-top:50px}.steps article{padding:35px 0 80px;border-top:1px solid var(--line)}.steps article span{font-size:11px}.steps h3{font-family:var(--serif);font-size:52px;font-weight:400;margin:30px 0 15px}.steps p{line-height:1.6;max-width:390px}.project-detail{background:#d6d2c8}.detail-title{display:grid;grid-template-columns:2fr 1fr;gap:40px;margin:80px 0}.detail-title h2{font-family:var(--serif);font-size:clamp(65px,10vw,150px);font-weight:400;line-height:.85;margin:0}.detail-title p{font-size:18px;line-height:1.6;align-self:end}.detail-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:20px}.detail-image{background-size:cover;background-position:center}.detail-a{height:68vw;max-height:900px;background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1800&q=88')}.detail-b{height:48vw;max-height:650px;align-self:end;background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1200&q=88')}.project-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:40px 0 0}.project-facts div{border-top:1px solid var(--line);padding-top:14px}.project-facts dt{text-transform:uppercase;font-size:10px;letter-spacing:.12em}.project-facts dd{margin:10px 0 0;font-family:var(--serif);font-size:24px}.contact{padding:130px 4vw 60px;background:var(--lime)}.contact-copy{margin:100px 0 90px}.contact-copy p{font-size:18px;margin:0}.contact-copy h2{font-family:var(--serif);font-size:clamp(110px,21vw,310px);line-height:.72;letter-spacing:-.05em;margin:20px 0}.contact-links{margin-left:45%}.contact-links a{display:flex;justify-content:space-between;border-top:1px solid var(--ink);padding:18px 0;color:inherit;text-decoration:none}.contact-links strong{font-weight:400;font-size:20px}.areas{margin-top:100px;border-top:1px solid var(--ink);padding-top:18px;font-size:12px}footer{padding:30px 4vw;background:var(--lime);display:flex;justify-content:space-between;align-items:end;font-size:12px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.site-header{height:74px}.site-header nav{display:none;position:absolute;top:0;left:0;width:100%;height:100vh;background:#20221e;padding:120px 7vw;flex-direction:column;font-family:var(--serif);font-size:40px}.site-header nav.open{display:flex}.site-header nav a{font-size:36px}.menu-toggle{display:block;position:relative;z-index:2;width:34px;height:34px}.menu-toggle span{position:absolute;width:24px;height:1px;background:white;left:5px;top:13px}.menu-toggle span+span{top:20px}.hero-copy{left:6vw}.hero h1{font-size:18vw;line-height:.82}.hero-side{display:none}.intro,.process{grid-template-columns:1fr;padding:100px 6vw}.intro-copy>p{margin:45px 0 0}.projects{padding:20px 6vw 90px}.project-wide{width:100%}.project{margin-bottom:80px}.project-wide .project-image,.project-tall .project-image{height:115vw}.project-pair{grid-template-columns:1fr}.project-small{width:78%;margin-left:auto}.project-small .project-image{height:85vw}.project-cinema .project-image{height:75vh;min-height:520px}.services,.project-detail{padding:100px 6vw}.services-list{margin:60px 0 0}.service{grid-template-columns:35px 1fr}.service h3{font-size:31px}.service p{grid-column:2}.process-sticky{position:static}.detail-title{grid-template-columns:1fr;margin:60px 0}.detail-grid{grid-template-columns:1fr}.detail-a{height:120vw}.detail-b{height:95vw;width:76%;margin-left:auto}.project-facts{grid-template-columns:1fr 1fr}.contact{padding:100px 6vw 40px}.contact-copy{margin:80px 0}.contact-copy h2{font-size:29vw}.contact-links{margin-left:0}.contact-links a{flex-direction:column;gap:8px}.areas{line-height:1.7}footer{padding:25px 6vw;align-items:start;gap:20px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}