/* September 2026 visual directions. Load after the existing theme. */
body{--paper:#0d0d0f;--ink:#efeeeb;--gold:#cbbb9e;--muted:#b4b3b6;--line:#343438;--surface:#18181b;--raised:#202023;--accent:#cbbb9e;--heading:#e4dfd6;background:var(--paper);color:var(--ink)}
.header,.hero,.contact{background:var(--paper);color:var(--ink);border-color:var(--line)}
.hero h1 em,.hero .hybrid-grid h1 em,.contact h2 em{color:var(--heading)}
.hero .eyebrow,.section-heading .eyebrow,.about .eyebrow,.small-label,.timeline>div>span,.contact .eyebrow,.faq .eyebrow,.proof-copy .small-label,.proof .section-heading .eyebrow,.expertise .services article>span{color:var(--accent)}
.hero .intro,.section-heading>p,.about-intro>p,.services p,.project>p,.project>div>p,.fine-print,.metrics p,.metric-note,.timeline p,.proof-copy dt,.proof-secondary p,details p,.spend-list,.phone,.contact-bottom p,footer{color:var(--muted)}
.hero .text-link,.spend-list strong,.contact .email,.socials a,footer .wordmark{color:var(--ink)}
.metrics{background:var(--surface);border:1px solid var(--line)}
.metrics strong,.big-number{color:var(--heading)}
.metrics>div,.filters,.services article,.about,.timeline>div,.contact,.reviews,.faq,.proof-copy dl>div{border-color:var(--line)}
.proof{background:var(--surface)}
.project,.proof-secondary article,.services article{background:var(--surface);border-color:var(--line);color:var(--ink)}
.feature,.feature-light{background:var(--raised)}
.project-foot{border-color:var(--line)}
.filters button{color:var(--muted)}
.filters button.active{color:var(--accent);border-color:var(--accent)}
.gold,.contact .gold{background:var(--accent);color:var(--paper);border-radius:7px}
.gold:hover,.contact .gold:hover{background:#e1d5c1}
.dark-link,.expert-chips span,.review-links a,.review-controls button{border-color:var(--line)}
.expert-chips{color:var(--muted)}
.expert-chips span:last-child svg path{stroke:var(--accent)}
.review-track{scrollbar-color:var(--line) transparent}
.review-slide{border-color:var(--line);background:var(--surface)}
.review-slide-top,.review-slide-bottom{background:var(--raised);color:var(--ink)}
.review-links a:hover,.review-controls button:hover{border-color:var(--accent)}
.whatsapp-float{background:var(--accent);color:var(--paper);border-color:var(--accent);box-shadow:0 8px 28px #0006}
.whatsapp-float:hover{background:#e1d5c1}
.header nav a:hover,.socials a:hover{color:var(--accent);opacity:1}
a:focus-visible,button:focus-visible{outline-color:var(--accent)}
::selection{background:var(--accent);color:var(--paper)}
.hero .hybrid-grid{grid-template-columns:1.04fr 1fr;gap:32px}
.hero .hybrid-grid h1{font-size:clamp(46px,5.1vw,76px)}
.personal-portrait{overflow:hidden;align-self:center;min-width:0}
.personal-portrait::before{display:none}
.personal-portrait>img{height:660px;width:100%;object-fit:cover;object-position:65% 22%;filter:brightness(.88);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 17%,#000 87%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 10%,#000 70%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 17%,#000 87%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 10%,#000 70%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}
.header .gold-brand-logo{width:140px;height:112px}
@media(max-width:900px){.hero .hybrid-grid{gap:20px}.hero .hybrid-grid h1{font-size:48px}.personal-portrait>img{height:590px}}
@media(max-width:600px){.hero .hybrid-grid{grid-template-columns:1fr;gap:20px}.hero .hybrid-grid h1{font-size:46px}.personal-portrait{margin:0 -10px}.personal-portrait>img{height:520px;object-position:65% 20%}.header .gold-brand-logo{width:116px;height:100px}}

/* Original signature PNG: dark pixels merge into the theme surface. */
.header .wordmark .gold-brand-logo,.contact footer .wordmark .gold-brand-logo{width:196px;height:106px;object-fit:cover;object-position:center 49%;mix-blend-mode:lighten;filter:none;image-rendering:auto;-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect;border-radius:0;background:transparent}
.contact footer .wordmark .gold-brand-logo{width:175px;height:96px}
@media(max-width:600px){.header .wordmark .gold-brand-logo{width:160px;height:90px}.contact footer .wordmark .gold-brand-logo{width:160px;height:90px}}