:root{--black:#0d0d0d;--cream:#f6f3ed;--rust:#a44428;--line:#b9b5ae}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--black);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.skip{position:fixed;top:-5rem;left:1rem;background:#fff;padding:1rem;z-index:99}.skip:focus{top:1rem}header{position:absolute;z-index:5;width:calc(100% - 5vw);left:2.5vw;top:1.25rem;height:4.5rem;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;color:#fff;border:1px solid #ffffff55;border-radius:.75rem;background:#1010102e;backdrop-filter:blur(8px)}.brand{font-size:1.5rem;font-weight:700;letter-spacing:.18em;color:#fff;text-decoration:none}nav{display:flex;gap:2rem}nav a,.drawer a{color:inherit;text-decoration:none}.menu{display:none;color:#fff;background:none;border:1px solid #fff;padding:.7rem 1rem}.drawer{position:fixed;inset:0;background:var(--black);color:#fff;z-index:20;flex-direction:column;padding:2rem;gap:2rem;font-size:2rem}.drawer:not([hidden]){display:flex}.close{align-self:flex-end;color:#fff;background:none;border:1px solid #fff;padding:.8rem}.hero{height:100vh;height:100svh;min-height:42rem;position:relative;color:#fff;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#00000035,#00000015 45%,#000000c9)}.hero-copy{position:relative;height:100%;padding:9rem 4vw 3.5rem;display:flex;flex-direction:column;justify-content:space-between}.hero-copy>p{text-transform:uppercase;letter-spacing:.17em;font-size:.72rem}.hero h1{font-size:clamp(4rem,9vw,9.6rem);line-height:.85;letter-spacing:-.07em;font-weight:400;max-width:10ch;margin:auto 0}.hero-bottom{display:grid;grid-template-columns:1fr auto;align-items:end;gap:3rem;border-top:1px solid #ffffff66;padding-top:1.5rem}.hero-bottom p{max-width:38rem;margin:0;line-height:1.5}.hero-bottom a{background:#fff;color:#111;padding:1rem 1.5rem;border-radius:99px;text-decoration:none}.projects{padding:clamp(6rem,10vw,11rem) 4vw;overflow:hidden}.project-title{display:grid;grid-template-columns:5rem 12rem 1fr;align-items:start;margin-bottom:8rem}.project-title h2,.approach h2,.practice h2{font-size:clamp(3rem,6vw,6.5rem);line-height:.9;letter-spacing:-.06em;font-weight:400;margin:0}.project-title p{margin:0}.project{width:58%;margin-bottom:8rem}.project.right{margin-left:auto}.project.small{width:42%}.project img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.project div{display:grid;grid-template-columns:10rem 1fr;padding-top:1rem}.project span{text-transform:uppercase;font-size:.66rem;letter-spacing:.12em}.project h3{font-size:1.6rem;font-weight:400;margin:0}.approach{background:var(--black);color:#fff;padding:clamp(6rem,10vw,10rem) 4vw;display:grid;grid-template-columns:5rem 1.1fr 1fr;gap:5vw}.number{font-size:2rem}.approach p,.practice p{text-transform:none}.service-list article{padding:1.8rem 0;border-top:1px solid #ffffff55;display:grid;grid-template-columns:3rem 1fr}.service-list h3{font-size:1.5rem;margin:0;font-weight:400}.practice{padding:clamp(6rem,10vw,10rem) 4vw;display:grid;grid-template-columns:12rem 1fr;gap:5vw}.practice>div:nth-child(2){max-width:62rem}.practice>div:nth-child(2)>p{max-width:44rem;line-height:1.65;margin-top:2rem}.practice img{grid-column:2;width:100%;margin-top:4rem;aspect-ratio:16/8;object-fit:cover}footer{background:var(--rust);color:#fff;padding:2rem 4vw;display:flex;justify-content:space-between;gap:1rem;font-size:.75rem}.projects,.approach,.practice{scroll-margin-top:1rem}@media(max-width:800px){header{width:calc(100% - 2rem);left:1rem}nav{display:none}.menu{display:block}.hero-copy{padding:8rem 1.2rem 2rem}.hero h1{font-size:clamp(4rem,17vw,6.4rem)}.hero-bottom{grid-template-columns:1fr}.hero-bottom a{justify-self:start}.project-title{grid-template-columns:3rem 1fr}.project-title h2{grid-column:1/-1;margin-top:2rem}.project{width:100%;margin-bottom:4rem}.project.right{margin-left:0}.project.small{width:85%}.project div{grid-template-columns:1fr;gap:.6rem}.approach{grid-template-columns:1fr;padding-left:1.2rem;padding-right:1.2rem}.practice{grid-template-columns:1fr;padding-left:1.2rem;padding-right:1.2rem}.practice img{grid-column:1}.projects{padding-left:1.2rem;padding-right:1.2rem}.project-title{margin-bottom:4rem}footer{flex-direction:column}}

/* Brand fidelity: official client logo */
.skip{color:var(--black);text-decoration:none}
.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)}
header .client-logo{height:clamp(50px,4.6vw,62px)}