@font-face{font-family:CompassSerif;src:url("fonts/compass-serif-semibold.ttf") format("truetype");font-weight:600;font-display:swap}@font-face{font-family:CompassSans;src:url("fonts/compass-sans-regular.ttf") format("truetype");font-weight:400;font-display:swap}@font-face{font-family:CompassSans;src:url("fonts/compass-sans-medium.ttf") format("truetype");font-weight:600;font-display:swap}
:root{--ink:#171714;--paper:#f4f0e6;--sage:#dbe0d2;--cedar:#a44e32;--cream:#fbf9f2;--line:rgba(23,23,20,.18);--gutter:clamp(1.25rem,3.6vw,3.5rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:CompassSans,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.hero{position:relative;height:100vh;height:100svh;min-height:44rem;overflow:hidden;color:#fff}.hero-media,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-media{object-fit:cover;object-position:center 48%}.hero-shade{background:linear-gradient(90deg,rgba(7,8,5,.78) 0%,rgba(7,8,5,.38) 52%,rgba(7,8,5,.12)),linear-gradient(0deg,rgba(7,8,5,.58),transparent 50%)}.site-header{position:relative;z-index:5;height:6.1rem;padding:1rem var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:start;border-bottom:1px solid rgba(255,255,255,.28)}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-size:.72rem;line-height:1.05;text-transform:uppercase;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:2.35rem;height:2.35rem;border:1px solid currentColor;border-radius:50%;font-family:CompassSerif;font-size:.9rem}.desktop-nav{align-self:center;display:flex;gap:2rem;padding:.75rem 1.4rem;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);backdrop-filter:blur(12px);border-radius:3rem}.desktop-nav a{text-decoration:none;font-size:.75rem}.header-action{justify-self:end;align-self:center;padding:.8rem 1.1rem;border-radius:2rem;background:#fff;color:var(--ink);text-decoration:none;font-size:.78rem}.menu-toggle,.mobile-menu{display:none}.hero-copy{position:absolute;z-index:3;top:19%;left:var(--gutter);width:min(50rem,76vw)}.eyebrow,.section-label{margin:0 0 1rem;font-size:.68rem;line-height:1.3;letter-spacing:.16em;text-transform:uppercase}.hero h1{margin:0;font-family:CompassSerif,Georgia,serif;font-size:clamp(3.8rem,6.2vw,6.8rem);line-height:.9;letter-spacing:-.055em;max-width:50rem}.hero-lede{max-width:33rem;margin:1.3rem 0 1.4rem;font-size:clamp(.95rem,1.2vw,1.1rem);line-height:1.5}.primary-action{display:inline-flex;align-items:center;gap:1rem;padding:.55rem .6rem .55rem 1rem;background:var(--cream);color:var(--ink);border-radius:3rem;text-decoration:none;font-size:.8rem}.primary-action span{display:grid;place-items:center;width:2rem;height:2rem;background:var(--cedar);color:#fff;border-radius:50%}.hero-facts{position:absolute;z-index:3;left:var(--gutter);right:var(--gutter);bottom:1.3rem;margin:0;padding-top:1rem;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.45)}.hero-facts div{padding-right:1rem}.hero-facts dt{font-family:CompassSerif;font-size:1.1rem}.hero-facts dd{margin:.25rem 0 0;font-size:.68rem;color:rgba(255,255,255,.8)}.scroll-disc{position:absolute;z-index:4;right:7%;bottom:3.7rem;display:grid;place-items:center;width:6rem;height:6rem;border:1px solid rgba(255,255,255,.6);border-radius:50%;text-decoration:none;text-transform:uppercase;font-size:.6rem;letter-spacing:.14em}.scroll-disc b{font-size:1rem}.intro{min-height:43rem;padding:clamp(6rem,10vw,10rem) var(--gutter);display:grid;grid-template-columns:.45fr 1fr;gap:3rem;align-items:start;background:var(--cream)}.intro h2,.practice-overview h2,.work-heading h2,.approach h2,.principal h2,.contact h2{margin:0;font-family:CompassSerif,Georgia,serif;font-weight:600;letter-spacing:-.045em;line-height:1.02}.intro h2{max-width:58rem;font-size:clamp(3rem,5.2vw,5.4rem)}.practice-overview{padding:clamp(5rem,8vw,8rem) var(--gutter);background:var(--sage)}.practice-overview header{display:grid;grid-template-columns:.45fr 1fr;gap:3rem;margin-bottom:4rem}.practice-overview h2{font-size:clamp(2.8rem,4.6vw,4.8rem)}.overview-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:1rem}.overview-grid article{min-height:20rem;padding:1.4rem;border:1px solid var(--line);display:flex;flex-direction:column}.overview-primary{grid-row:span 2;min-height:41rem!important}.overview-grid span{font-size:.7rem}.overview-grid h3{margin:auto 0 1rem;font-family:CompassSerif;font-size:clamp(2rem,3vw,3.5rem);line-height:1}.overview-grid p{max-width:30rem;margin:0;line-height:1.5}.selected-work{padding:clamp(6rem,9vw,9rem) var(--gutter);background:var(--cream)}.work-heading{display:grid;grid-template-columns:.45fr 1fr;gap:3rem;margin-bottom:5rem}.work-heading h2{font-size:clamp(3rem,5vw,5rem);max-width:48rem}.project-field{display:grid;grid-template-columns:1.2fr .8fr;gap:5rem 1.2rem}.project{min-width:0}.project figure{margin:0;overflow:hidden;background:#ddd}.project img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project:focus img,.project:hover img{transform:scale(1.025)}.project-wide{grid-row:span 2}.project-wide figure{height:48rem}.project-tall figure{height:26rem}.project-low figure{height:20rem}.project>div{display:grid;grid-template-columns:8rem 1fr;gap:.5rem 1rem;padding-top:1rem;border-top:1px solid var(--line)}.project>div>p:first-child{grid-row:span 2;margin:0;color:var(--cedar);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.project h3{margin:0;font-family:CompassSerif;font-size:1.8rem;line-height:1.05}.project>div>p:last-child{margin:.5rem 0 0;line-height:1.5;color:#5d5d55}.approach{display:grid;grid-template-columns:1fr 1fr;min-height:48rem;background:var(--ink);color:#fff}.approach figure{margin:0}.approach img{width:100%;height:100%;object-fit:cover;display:block}.approach>div{padding:clamp(4rem,8vw,8rem) var(--gutter);align-self:center}.approach h2{font-size:clamp(3rem,5vw,5rem)}.approach>div>p:not(.section-label){max-width:36rem;line-height:1.65;color:#c8c7be}.approach a{display:inline-block;margin-top:1rem;color:#fff;text-underline-offset:.35rem}.principal{padding:clamp(6rem,9vw,9rem) var(--gutter);display:grid;grid-template-columns:1fr .55fr;gap:clamp(3rem,8vw,8rem);align-items:center;background:var(--paper)}.principal h2{font-size:clamp(3.5rem,6vw,6rem)}.principal h2 small{font-family:CompassSans;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.principal p:not(.section-label){max-width:40rem;line-height:1.65}.principal figure{margin:0;height:38rem}.principal img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}.contact{min-height:44rem;padding:clamp(6rem,10vw,10rem) var(--gutter);display:grid;place-items:center;text-align:center;background:var(--cedar);color:#fff}.contact h2{max-width:62rem;font-size:clamp(3.5rem,7vw,7rem)}.contact button{margin-top:2rem;padding:1rem 1.4rem;border:0;border-radius:3rem;background:#fff;color:var(--ink);font:inherit}.contact small{display:block;margin-top:1rem;color:rgba(255,255,255,.8)}footer{padding:3rem var(--gutter);display:grid;grid-template-columns:1fr auto auto;gap:3rem;align-items:end;background:var(--ink);color:#fff;font-size:.72rem}dialog{max-width:min(90%,36rem);padding:2rem;border:0;background:var(--ink);color:#fff}dialog::backdrop{background:rgba(0,0,0,.65)}.dialog-close{float:right;min-width:3rem;min-height:3rem;border:1px solid #fff;background:transparent;color:#fff}dialog h2{font-family:CompassSerif;font-size:2.4rem}
@media(max-width:900px){.desktop-nav,.header-action{display:none}.site-header{grid-template-columns:1fr auto}.menu-toggle{display:block;align-self:center;min-width:3rem;min-height:3rem;border:1px solid rgba(255,255,255,.4);border-radius:2rem;background:rgba(0,0,0,.2);color:#fff}.mobile-menu{position:fixed;inset:0;z-index:20;padding:6rem var(--gutter);background:var(--ink);flex-direction:column;gap:1.4rem;visibility:hidden;opacity:0;pointer-events:none}.mobile-menu.is-open{display:flex;visibility:visible;opacity:1;pointer-events:auto}.mobile-menu a{font-family:CompassSerif;font-size:clamp(2.4rem,8vw,4rem);text-decoration:none}.menu-close{position:absolute;top:1rem;right:var(--gutter);min-width:3rem;min-height:3rem}.hero-copy{top:17%;width:86vw}.hero h1{font-size:clamp(3.5rem,8.6vw,5.5rem)}.scroll-disc{display:none}.practice-overview header,.work-heading,.intro{grid-template-columns:1fr}.overview-grid{grid-template-columns:1fr 1fr}.overview-primary{grid-column:1/-1;grid-row:auto;min-height:28rem!important}.project-field{gap:3rem 1rem}.project-wide figure{height:42rem}.approach{min-height:0}.principal{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero{height:100vh;height:100svh;min-height:43rem}.site-header{height:5.2rem;padding-inline:1rem}.brand span:last-child{display:none}.hero-copy{top:6.7rem;left:1.2rem;width:calc(100% - 2.4rem)}.hero h1{font-size:clamp(3rem,13vw,4rem);line-height:.92}.hero-lede{font-size:.9rem;max-width:19rem}.hero-facts{left:1.2rem;right:1.2rem;grid-template-columns:1fr 1fr}.hero-facts div:nth-child(n+3){display:none}.intro,.practice-overview,.selected-work,.principal{padding-inline:1.2rem}.intro{min-height:36rem;gap:2rem}.intro h2{font-size:2.8rem}.practice-overview header,.work-heading{gap:1rem}.overview-grid{grid-template-columns:1fr}.overview-primary{grid-column:auto;min-height:24rem!important}.overview-grid article{min-height:18rem}.project-field{grid-template-columns:1fr}.project-wide{grid-row:auto}.project-wide figure,.project-tall figure,.project-low figure{height:72vw}.project>div{grid-template-columns:1fr}.project>div>p:first-child{grid-row:auto}.approach{grid-template-columns:1fr}.approach figure{height:75vw}.principal{grid-template-columns:1fr}.principal figure{height:120vw;max-height:40rem}.contact{min-height:38rem}.contact h2{font-size:3.5rem}footer{grid-template-columns:1fr;align-items:start;gap:1.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project img,.mobile-menu{transition:none}}
.hero-shade{pointer-events:none}
.desktop-nav{background:rgba(20,24,20,.78)}
.approach a{min-height:2.75rem;display:inline-flex;align-items:center}
@media(max-width:900px){.menu-toggle{background:#343e50}}

/* 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)}