:root{--paper:#f4f2ec;--sand:#d7ccb0;--ink:#090909;--muted:#6e6b64;--white:#fff;--pad:clamp(22px,4vw,72px);--max:1600px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.45}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button{font:inherit}
.site-header{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:22px var(--pad);mix-blend-mode:difference;color:white;pointer-events:none}.site-header a,.menu-btn{pointer-events:auto}.brand{display:flex;align-items:center;gap:12px;font-size:clamp(22px,3vw,42px);letter-spacing:.12em;font-weight:400}.mark{width:.82em;height:.82em;border:2px solid currentColor;border-radius:50%;display:inline-block;position:relative}.mark:after{content:"";position:absolute;width:26%;height:2px;background:currentColor;right:-8%;top:8%;transform:rotate(40deg);transform-origin:right center}.nav{display:flex;gap:30px;font-size:14px;letter-spacing:.03em}.nav a{opacity:.9}.nav a:hover{opacity:.55}.menu-btn{display:none;background:none;border:0;color:inherit;font-size:25px}
.hero{min-height:100svh;background:#0a0a0a;color:white;display:grid;grid-template-columns:1.7fr .8fr;align-items:end;padding:150px var(--pad) 70px;gap:60px}.hero h1{font-size:clamp(54px,9.4vw,156px);line-height:.88;letter-spacing:-.065em;margin:0;font-weight:500;max-width:1200px}.hero-side{align-self:end;padding-bottom:12px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px}.hero-side p{font-size:clamp(18px,2.1vw,31px);line-height:1.25;margin:18px 0 28px;max-width:450px}.text-link{display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link:after{content:"↗"}
.intro{padding:110px var(--pad);display:grid;grid-template-columns:1fr 1.4fr;gap:8vw;max-width:var(--max);margin:auto}.intro h2{font-size:clamp(36px,5.5vw,84px);line-height:.98;letter-spacing:-.05em;margin:0}.intro-copy{font-size:clamp(19px,2vw,30px);max-width:800px}.intro-copy p{margin-top:0}.mini{font-size:13px;color:var(--muted);margin-top:36px}
.projects{background:white}.project-row{display:grid;grid-template-columns:1.5fr .5fr;min-height:72vh;border-top:1px solid #ddd}.project-row:nth-child(even){grid-template-columns:.5fr 1.5fr}.project-row:nth-child(even) .project-image{order:2}.project-row:nth-child(even) .project-meta{order:1}.project-image{overflow:hidden;background:#111}.project-image img{height:100%;object-fit:cover;transition:transform .7s ease}.project-row:hover .project-image img{transform:scale(1.018)}.project-meta{padding:var(--pad);display:flex;flex-direction:column;justify-content:space-between;background:var(--paper)}.project-meta h3{font-size:clamp(34px,4.2vw,72px);line-height:.98;letter-spacing:-.045em;margin:0 0 20px}.project-meta .number{font-family:Georgia,serif;font-size:13px}.tags{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.black-statement{background:#090909;color:white;padding:120px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:8vw}.black-statement blockquote{font-family:Georgia,serif;font-size:clamp(34px,4.5vw,72px);line-height:1.05;margin:0;max-width:900px}.black-statement p{max-width:560px;font-size:20px;align-self:end;color:#d8d8d8}
.about-slice{padding:120px var(--pad);display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;max-width:var(--max);margin:auto}.about-slice h2{font-size:clamp(45px,7vw,110px);line-height:.9;letter-spacing:-.06em;margin:0}.about-slice p{font-size:clamp(18px,1.8vw,27px);margin-top:0}.cap-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 32px;margin-top:42px;font-size:14px}
.footer{background:#090909;color:white;padding:85px var(--pad) 35px}.footer-cta{font-size:clamp(52px,9vw,150px);line-height:.9;letter-spacing:-.065em;margin:0 0 80px}.footer-grid{border-top:1px solid #444;padding-top:25px;display:flex;justify-content:space-between;gap:30px;font-size:13px}.footer-grid .links{display:flex;gap:22px}
.page-hero{background:#090909;color:white;min-height:72vh;padding:180px var(--pad) 70px;display:flex;flex-direction:column;justify-content:flex-end}.page-hero h1{font-size:clamp(58px,10vw,158px);line-height:.86;letter-spacing:-.065em;margin:0;max-width:1300px}.page-hero p{font-size:20px;max-width:680px;margin:30px 0 0}
.project-grid{display:grid;grid-template-columns:1.65fr .75fr;min-height:82vh}.project-grid.reverse{grid-template-columns:.75fr 1.65fr}.project-grid.reverse .visual{order:2}.project-grid.reverse .info{order:1}.visual{background:#080808;display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vw,70px)}.visual img{max-height:82vh;object-fit:contain}.info{background:var(--sand);padding:clamp(34px,5vw,78px);display:flex;flex-direction:column;justify-content:space-between}.quote{font-family:Georgia,serif;font-size:clamp(27px,3vw,48px);line-height:1.15;margin:0 0 70px}.facts{display:grid;gap:18px}.fact b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:3px}.fact span{font-size:14px}.gallery{padding:var(--pad);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--pad);background:white}.gallery .wide{grid-column:1/-1}.gallery img{height:70vh;object-fit:cover}.gallery .wide img{height:auto;max-height:90vh;object-fit:contain;background:#080808}.next{display:flex;justify-content:space-between;align-items:end;padding:100px var(--pad);background:var(--paper);border-top:1px solid #bbb}.next h2{font-size:clamp(45px,7vw,110px);line-height:.92;letter-spacing:-.055em;margin:0}.next small{display:block;margin-bottom:14px;text-transform:uppercase;letter-spacing:.15em}
.about-page{padding:180px var(--pad) 100px;max-width:var(--max);margin:auto}.about-page h1{font-size:clamp(55px,9vw,138px);line-height:.88;letter-spacing:-.065em;margin:0 0 100px;max-width:1200px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about-columns p{font-size:clamp(18px,1.8vw,27px);margin-top:0}.services{background:#090909;color:white;padding:100px var(--pad)}.services h2{font-size:clamp(48px,7vw,105px);margin:0 0 70px;letter-spacing:-.05em}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #555}.service{padding:30px 25px 50px 0;border-bottom:1px solid #555}.service h3{font-size:24px;margin:0 0 15px}.service p{color:#aaa;max-width:360px}
.contact-page{min-height:100svh;background:#090909;color:white;padding:180px var(--pad) 60px;display:flex;flex-direction:column;justify-content:space-between}.contact-page h1{font-size:clamp(65px,11vw,176px);line-height:.84;letter-spacing:-.07em;margin:0;max-width:1300px}.contact-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.contact-bottom p{font-size:clamp(20px,2vw,30px);max-width:620px}.contact-card{border-top:1px solid #555;padding-top:25px}.contact-card a{display:block;font-size:20px;margin:6px 0}
.mobile-panel{display:none}
@media(max-width:850px){.nav{display:none}.menu-btn{display:block}.site-header{padding-top:18px}.brand{font-size:25px}.hero{grid-template-columns:1fr;gap:35px;padding-top:140px}.intro,.black-statement,.about-slice,.about-columns,.contact-bottom{grid-template-columns:1fr}.project-row,.project-row:nth-child(even){grid-template-columns:1fr;min-height:0}.project-row:nth-child(even) .project-image,.project-row:nth-child(even) .project-meta{order:initial}.project-image{height:60svh}.project-meta{min-height:330px}.project-grid,.project-grid.reverse{grid-template-columns:1fr}.project-grid.reverse .visual,.project-grid.reverse .info{order:initial}.visual{min-height:58svh}.gallery{grid-template-columns:1fr}.gallery .wide{grid-column:auto}.gallery img{height:auto}.service-grid{grid-template-columns:1fr}.footer-grid{flex-direction:column}.cap-list{grid-template-columns:1fr}.mobile-panel{position:fixed;z-index:49;inset:0;background:#090909;color:white;padding:120px var(--pad) 50px;display:none;flex-direction:column;gap:18px;font-size:38px}.mobile-panel.open{display:flex}}