@font-face{font-family:Compass;src:url("fonts/compass-sans.ttf")}@font-face{font-family:Compass;src:url("fonts/compass-sans-medium.ttf");font-weight:600}:root{--ink:#101714;--paper:#f1efe8;--moss:#5e6b51;--sun:#d4c68b;--g:clamp(1rem,4vw,4rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Compass,Arial,sans-serif}a{color:inherit;text-decoration:none}.nav{position:absolute;z-index:5;top:0;left:50%;transform:translateX(-50%);width:min(68vw,980px);height:68px;padding:0 1.25rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(13,22,17,.66);border:1px solid rgba(255,255,255,.18);border-top:0;border-radius:0 0 1rem 1rem;backdrop-filter:blur(16px)}.brand{font-weight:600;letter-spacing:.18em}.nav nav{display:flex;gap:clamp(2rem,5vw,5rem);font-size:.83rem}.contact{justify-self:end;background:#fff;color:#111;padding:.75rem 1.35rem;border-radius:.35rem}.menu{display:none;background:transparent;color:#fff;border:0;min-height:44px}.drawer{display:none;position:fixed;inset:0;z-index:20;background:var(--ink);padding:1.25rem}.drawer.open{display:block}.drawer nav{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;font-size:clamp(2.5rem,10vw,4rem)}.close{position:absolute;right:1rem;top:1rem;background:transparent;border:1px solid #fff;color:#fff;min-width:48px;min-height:48px;border-radius:50%}.hero{position:relative;height:100vh;height:100svh;min-height:650px;overflow:hidden}.hero>img,.veil{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero>img{object-position:center}.veil{background:linear-gradient(180deg,rgba(4,10,6,.28),rgba(4,10,6,.18) 50%,rgba(4,10,6,.58))}.hero-copy{position:relative;z-index:1;width:min(92vw,1000px);margin:0 auto;padding-top:clamp(8.5rem,18vh,11rem);text-align:center}.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:.68rem}.hero h1,.work h2,.approach h2,.practice h2,.cta h2{font-weight:400;letter-spacing:-.055em;line-height:1.02;margin:.8rem 0}.hero h1{font-size:clamp(3.8rem,6.4vw,6rem)}.hero-copy>p:not(.kicker){max-width:650px;margin:1.4rem auto;line-height:1.55}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:.35rem;min-height:48px;background:#fff;color:#111;padding:.75rem 1.4rem;font:inherit}.fact-rail{position:absolute;bottom:0;left:0;right:0;z-index:1;min-height:88px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:0 var(--g);background:rgba(13,22,17,.72);border-top:1px solid rgba(255,255,255,.22);font-size:.78rem}.fact-rail span:nth-child(2){text-align:center}.fact-rail span:last-child{text-align:right}.work{padding:clamp(5rem,9vw,9rem) var(--g)}.work header{display:grid;grid-template-columns:.3fr 1.1fr .65fr;gap:3rem;align-items:start;margin-bottom:5rem}.work h2,.approach h2,.practice h2,.cta h2{font-size:clamp(3.2rem,5.6vw,5.8rem)}.work header>p:last-child{color:#bfc7c1;line-height:1.7}.project-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,7vw,7rem);align-items:start}.project-grid figure{margin:0}.project-grid img{width:100%;display:block;object-fit:cover}.project-wide img{aspect-ratio:1.35}.project-tall{margin-top:11rem!important}.project-tall img{aspect-ratio:.75}.project-small{grid-column:1/2;width:62%;justify-self:end}.project-small img{aspect-ratio:1.4}.project-grid figcaption{display:flex;justify-content:space-between;padding-top:.8rem;font-size:.78rem;color:#aeb7b0}.approach{background:var(--paper);color:#111;padding:clamp(5rem,9vw,9rem) var(--g);display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,9vw,9rem)}.approach ol{list-style:none;padding:0;margin:0}.approach li{display:grid;grid-template-columns:3rem 1fr;gap:.75rem 1.25rem;padding:1.5rem 0;border-top:1px solid #b9b7b0}.approach li span{grid-row:1/3;color:var(--moss)}.approach li strong{font-size:1.35rem}.approach li p{margin:0;line-height:1.6;color:#4e514c}.practice{background:#ccd0c2;color:#111;padding:clamp(5rem,9vw,9rem) var(--g);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(3rem,8vw,8rem);align-items:center}.portrait img{width:100%;aspect-ratio:.82;object-fit:cover}.practice>div:last-child>p:not(.kicker){max-width:630px;line-height:1.7}.roles{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;border-top:1px solid #9ba292}.roles p{padding-top:1rem;line-height:1.5}.cta{text-align:center;padding:clamp(6rem,12vw,12rem) var(--g);background:var(--moss)}.cta p:not(.kicker){margin:1.3rem auto;max-width:520px;line-height:1.6}.cta .button{margin-top:1rem}footer{padding:3rem var(--g);display:grid;grid-template-columns:1fr auto auto;gap:2rem;font-size:.8rem;color:#abb3ad}footer .brand{color:#fff}@media(max-width:800px){.nav{width:calc(100% - 1.5rem);grid-template-columns:1fr auto auto}.nav nav{display:none}.menu{display:block}.hero{height:100svh;min-height:0}.hero-copy{padding-top:8.5rem;width:calc(100% - 2rem)}.hero h1{font-size:clamp(3.05rem,11vw,4.8rem)}.fact-rail{min-height:74px;grid-template-columns:1fr;font-size:.68rem;gap:.2rem;padding-block:.65rem}.fact-rail span{text-align:left!important}.work header{grid-template-columns:1fr;gap:1rem}.project-grid{grid-template-columns:1fr}.project-tall{margin-top:0!important}.project-small{grid-column:auto;width:100%}.approach,.practice{grid-template-columns:1fr}.roles{grid-template-columns:1fr}footer{grid-template-columns:1fr}}@media(max-width:480px){.contact{padding:.65rem .9rem}.hero h1{font-size:3rem}.hero-copy>p:not(.kicker){font-size:.9rem}.work,.approach,.practice{padding-inline:1rem}}.brand{display:inline-flex;align-items:center;min-height:44px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Brand fidelity: official client logo */
.client-logo{display:block;width:auto;max-width:min(240px,42vw);height:clamp(34px,4vw,54px);object-fit:contain;object-position:left center}footer .client-logo{height:clamp(30px,3vw,44px);max-width:min(220px,48vw)}
.nav .client-logo{height:clamp(40px,4.4vw,58px);filter:invert(1)}