:root{--brand-graphite:#43464D;--brand-slate:#83888E;--brand-brown:#69452D;--brand-taupe:#A08B78;--surface-paper:color-mix(in srgb,var(--brand-taupe) 12%,white);--surface-soft:color-mix(in srgb,var(--brand-taupe) 23%,white);--surface-stone:color-mix(in srgb,var(--brand-taupe) 38%,white);--surface-production:#e9e5df;--surface-cool:color-mix(in srgb,var(--brand-slate) 22%,white);--bg:var(--surface-paper);--text:#302e29;--muted:#68645b;--accent:var(--brand-brown);--line:color-mix(in srgb,var(--brand-graphite) 21%,transparent)}
body{background:var(--bg)}
.mobile-nav{background:var(--bg)}
dialog{background:var(--bg)}
em{color:var(--text)}
.button{background:var(--brand-brown);color:#fff}
.button:hover{background:var(--brand-graphite)}
.header-cta{border-color:#ffffff65}
.header-cta:hover{background:var(--surface-paper);color:var(--text)}
.text-link:hover{color:var(--brand-brown)}
.desktop-nav a:hover{color:var(--brand-brown)}
.header .desktop-nav a:hover{color:#fff}
.media-placeholder{background:var(--surface-stone);border-color:var(--brand-taupe);color:var(--text)}
.direction-card .media-placeholder{background:var(--surface-soft)}
.process-list li{border-color:var(--brand-taupe)}
.process-list li>span{color:var(--brand-brown)}
.about{background:var(--surface-production);border-color:var(--brand-taupe)}
.contact{background:var(--surface-stone);border-color:var(--brand-taupe)}
.contact-note{color:var(--muted)}
.experience{--text:#fff;--muted:#e0e0df;--line:#ffffff40;--accent:#fff;background:var(--brand-graphite);color:var(--text)}
.experience h2 em{color:#fff}
.hero{background:var(--brand-graphite)}
.hero h1 em{color:var(--surface-soft)}
.hero-shade{background:linear-gradient(90deg,#24262ade 0%,#43464d70 47%,#43464d10 85%),linear-gradient(0deg,#24262a90,transparent 40%)}
.hero-copy .button{background:var(--surface-paper);color:var(--text)}
.hero-copy .button:hover{background:var(--surface-stone)}
dialog input{background:#fff;border-color:var(--brand-taupe)}
dialog textarea{background:#fff;border-color:var(--brand-taupe)}
dialog select{background:#fff;border-color:var(--brand-taupe)}
#brief-status{color:var(--brand-brown)}
a:focus-visible{outline-color:var(--brand-brown)}
button:focus-visible{outline-color:var(--brand-brown)}
input:focus-visible{outline-color:var(--brand-brown)}
textarea:focus-visible{outline-color:var(--brand-brown)}
select:focus-visible{outline-color:var(--brand-brown)}
summary:focus-visible{outline-color:var(--brand-brown)}
.hero a:focus-visible{outline-color:white}
.header a:focus-visible{outline-color:white}
.experience :focus-visible{outline-color:white}
::selection{background:var(--brand-taupe);color:#171717}
@media(max-width:760px){
.header:has(.menu-toggle[aria-expanded=true]){background:var(--brand-graphite)}
.hero-shade{background:linear-gradient(90deg,#24262ad9,#43464d60),linear-gradient(0deg,#24262a90,transparent 40%)}
}