/* Base design system (from the approved HTML build) =====================================================================
Piper Cole Architects — design system
Tokens are taken from the live site's own CSS (--ink, --cream, --brass,
--stone, --disp: Marcellus SC, --body: Instrument Sans, Cormorant for numerals).
===================================================================== */
:root{
--ink:#0A0A0A; --coal:#12100E; --char:#1C1915; --char-2:#26221D;
--paper:#F4EFE7; --cream:#FFF8E7; --white:#FFFFFF;
--stone:#5F584C; --mute:#6E6656; --text:#1F1C18;
--brass:#A8763C; --brass-2:#C08A4A; --brass-d:#8A5A20; --btn:#94652F;
--wa:#0C6B45; --wa-d:#09573A;
--line:rgba(10,10,10,.12); --line-2:rgba(10,10,10,.2);
--line-d:rgba(255,248,231,.16); --bone:rgba(255,248,231,.92); --bone-2:rgba(255,248,231,.66);
--disp:'Marcellus SC',Georgia,'Times New Roman',serif;
--body:'Instrument Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
--serif:'Cormorant Garamond',Georgia,serif;
--wrap:1240px; --gut:clamp(20px,4vw,48px);
--sec:clamp(72px,9vw,128px);
--r:2px; --shadow:0 24px 60px -24px rgba(10,10,10,.35);
--ease:cubic-bezier(.2,.7,.2,1);
--hdr:76px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 24px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--paper);color:var(--text);font:400 1.0625rem/1.7 var(--body);
-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,video,svg{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0 0 1.1em}
h1,h2,h3,h4{margin:0;font-weight:400;color:inherit}
h1,h2,.disp{font-family:var(--disp);letter-spacing:.012em;line-height:1.06}
h3,h4{font-family:var(--body);font-weight:600;line-height:1.3;letter-spacing:-.005em}
strong,b{font-weight:600}
table{border-collapse:collapse;width:100%}
:focus-visible{outline:2px solid var(--brass-2);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--ink);color:var(--cream);padding:10px 16px}
.skip:focus{left:8px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ---------- layout ---------- */
.wrap{width:100%;max-width:calc(var(--wrap) + 2*var(--gut));margin:0 auto;padding:0 var(--gut)}
.wrap-n{max-width:calc(880px + 2*var(--gut))}
.sec{padding:var(--sec) 0;position:relative}
.sec-tight{padding:clamp(48px,6vw,80px) 0}
.dark{background:var(--ink);color:var(--bone)}
.dark h1,.dark h2,.dark h3{color:var(--cream)}
.coal{background:var(--coal);color:var(--bone)}
.coal h2,.coal h3{color:var(--cream)}
.cream{background:var(--cream)}
.white{background:var(--white)}
.rule-t{border-top:1px solid var(--line)}
.dark .rule-t,.coal .rule-t{border-color:var(--line-d)}
/* editorial split: label column + content column (mirrors live .g12/.c5/.c7o) */
.split{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(20px,3vw,40px)}
.split>.l{grid-column:1/span 4}
.split>.r{grid-column:6/span 7}
.split>.l .sticky{position:sticky;top:calc(var(--hdr) + 32px)}
@media(max-width:960px){.split>.l,.split>.r{grid-column:1/-1}.split>.l{margin-bottom:28px}.split>.l .sticky{position:static}}
/* ---------- type ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:12px;font:600 .72rem/1.2 var(--body);letter-spacing:.22em;
text-transform:uppercase;color:var(--brass-d);margin:0 0 18px}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
.dark .eyebrow,.coal .eyebrow,.calc-wrap .eyebrow,.ctaband .eyebrow{color:var(--brass-2)}
.hero .eyebrow{color:var(--cream);text-shadow:0 1px 12px rgba(0,0,0,.5)}.hero .eyebrow::before{background:var(--brass-2);opacity:1}
.hero-light .eyebrow{text-shadow:none}
.eyebrow .n{font-family:var(--serif);font-style:italic;font-size:1.05rem;letter-spacing:0;text-transform:none}
.h-xl{font-size:clamp(2.5rem,5.6vw,5rem)}
.h-l{font-size:clamp(2.1rem,4.2vw,3.6rem)}
.h-m{font-size:clamp(1.75rem,3vw,2.6rem)}
.h-s{font-size:clamp(1.35rem,2vw,1.7rem)}
.lede{font-size:clamp(1.12rem,1.5vw,1.3rem);line-height:1.6;color:var(--stone);max-width:38em}
.dark .lede,.coal .lede,.hero .lede{color:var(--bone)}
.muted{color:var(--mute)}
.num{font-family:var(--serif);font-style:italic;font-weight:500}
.measure{max-width:68ch}
/* ---------- buttons ---------- */
.btn{--b:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;
border:1px solid var(--b);background:transparent;color:var(--b);font:600 .78rem/1 var(--body);letter-spacing:.16em;
text-transform:uppercase;text-decoration:none;border-radius:var(--r);cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease),border-color .25s,transform .25s var(--ease)}
.btn:hover{background:var(--b);color:var(--paper)}
.btn svg{width:16px;height:16px;flex:none}
.btn-brass{--b:var(--btn);background:var(--btn);color:#fff;border-color:var(--btn)}
.btn-brass:hover{background:var(--ink);border-color:var(--brass-2);color:#fff}
.btn-light{--b:var(--cream);color:var(--cream)}
.btn-light:hover{color:var(--ink)}
.btn-wa{--b:var(--wa);background:var(--wa);color:#fff;border-color:var(--wa)}
.btn-wa:hover{background:var(--wa-d);border-color:var(--wa-d);color:#fff}
.btn-sm{min-height:42px;padding:0 18px;font-size:.72rem}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.link{display:inline-flex;align-items:center;gap:10px;font:600 .78rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;
text-decoration:none;color:var(--brass-d);padding:6px 0;border-bottom:1px solid currentColor}
.dark .link,.coal .link{color:var(--brass-2)}
.link .ar{transition:transform .25s var(--ease)}
.link:hover .ar{transform:translateX(4px)}
/* ---------- header ---------- */
.topbar{background:#000;color:var(--bone-2);font-size:.8rem;letter-spacing:.02em;border-bottom:1px solid var(--line-d)}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px}
.topbar a{text-decoration:none;color:var(--bone);display:inline-flex;align-items:center;gap:7px}
.topbar a:hover{color:var(--brass-2)}
.topbar .tb-r{display:flex;gap:22px;align-items:center}
.topbar .dot{width:6px;height:6px;border-radius:50%;background:#3FBF7F;display:inline-block;margin-right:8px;box-shadow:0 0 0 3px rgba(63,191,127,.18)}
@media(max-width:760px){.topbar .tb-l{display:none}.topbar .wrap{justify-content:center}.topbar .tb-hide{display:none}}
.hdr{position:sticky;top:0;z-index:90;background:#010101;border-bottom:1px solid var(--line-d)}
.hdr .wrap{display:flex;align-items:center;gap:28px;height:var(--hdr)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);flex:none}
.brand img{width:40px;height:40px;object-fit:cover;border-radius:1px}
.brand .bt{display:flex;flex-direction:column;line-height:1}
.brand .bt b{font:400 1.32rem/1 var(--disp);letter-spacing:.06em;font-weight:400}
.brand .bt small{font:600 .6rem/1 var(--body);letter-spacing:.34em;text-transform:uppercase;color:var(--stone);margin-top:6px}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav>li{list-style:none;position:static}
.nav ul{padding:0;margin:0}
.nav>li>a,.nav>li>button{display:flex;align-items:center;gap:6px;height:var(--hdr);padding:0 14px;background:none;border:0;cursor:pointer;
font:500 .92rem/1 var(--body);color:var(--cream);text-decoration:none;letter-spacing:.01em;position:relative}
.nav>li>a::after,.nav>li>button::after{content:"";position:absolute;left:14px;right:14px;bottom:22px;height:1px;background:var(--brass-2);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav>li:hover>a::after,.nav>li:hover>button::after,.nav>li>[aria-current]::after,.nav>li>button[aria-expanded=true]::after{transform:scaleX(1)}
.nav .chev{width:10px;height:10px;transition:transform .25s}
.nav button[aria-expanded=true] .chev{transform:rotate(180deg)}
.hdr-cta{display:flex;align-items:center;gap:22px;margin-left:12px}
.hdr-tel{display:inline-flex;align-items:center;gap:8px;font:600 .95rem/1 var(--body);text-decoration:none;color:var(--cream);white-space:nowrap}
.hdr-tel:hover{color:var(--brass-2)}
.burger{display:none;margin-left:auto;width:46px;height:46px;border:1px solid var(--line-d);background:transparent;border-radius:var(--r);cursor:pointer;align-items:center;justify-content:center}
.burger span{display:block;width:18px;height:1.5px;background:var(--cream);position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:var(--cream)}
.burger span::before{top:-6px}.burger span::after{top:6px}
@media(max-width:1060px){.nav,.hdr-cta{display:none}.burger{display:flex}}
/* mega menu */
.mega{position:absolute;left:0;right:0;top:100%;background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
box-shadow:0 30px 60px -30px rgba(10,10,10,.35);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s,transform .22s var(--ease),visibility 0s .22s}
.nav>li.open .mega{opacity:1;visibility:visible;transform:none;transition:opacity .22s,transform .22s var(--ease)}
.mega .wrap{display:grid;align-items:start;grid-template-columns:1fr 1fr 1fr 340px;gap:40px;padding-top:40px;padding-bottom:44px;height:auto}
.mega h4{font:600 .7rem/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin:0 0 16px}
.mega ul{list-style:none;padding:0;margin:0}
.mega li a{display:block;padding:9px 0;text-decoration:none;border-bottom:1px solid var(--line)}
.mega li a b{display:block;font-weight:600;font-size:.95rem}
.mega li a span{display:block;font-size:.82rem;color:var(--stone);margin-top:2px}
.mega li a:hover b{color:var(--brass-d)}
.mega .mfeat{position:relative;overflow:hidden;display:block;text-decoration:none;color:var(--cream);min-height:260px;background:var(--ink)}
.mega .mfeat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;transition:transform .8s var(--ease)}
.mega .mfeat:hover img{transform:scale(1.04)}
.mega .mfeat div{position:absolute;left:0;right:0;bottom:0;padding:22px;background:linear-gradient(transparent,rgba(10,10,10,.85))}
.mega .mfeat small{font:600 .66rem/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--brass-2)}
.mega .mfeat strong{display:block;font:400 1.35rem/1.15 var(--disp);margin-top:8px}
.mega-loc .wrap{grid-template-columns:repeat(4,1fr)}
.mega-loc li a{padding:7px 0;font-size:.92rem}
/* mobile drawer */
.drawer{position:fixed;inset:0;z-index:120;background:var(--ink);color:var(--cream);transform:translateX(100%);transition:transform .35s var(--ease);
display:flex;flex-direction:column;overflow-y:auto;visibility:hidden}
.drawer.open{transform:none;visibility:visible}
.drawer-h{display:flex;justify-content:space-between;align-items:center;padding:16px var(--gut);border-bottom:1px solid var(--line-d)}
.drawer-h .brand{color:var(--cream)}.drawer-h .brand small{color:var(--bone-2)}
.drawer-x{width:46px;height:46px;border:1px solid var(--line-d);background:none;color:var(--cream);font-size:1.4rem;cursor:pointer}
.drawer nav{padding:12px var(--gut) 24px}
.drawer details{border-bottom:1px solid var(--line-d)}
.drawer summary,.drawer .dl{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font:400 1.5rem/1.1 var(--disp);cursor:pointer;list-style:none;text-decoration:none;color:var(--cream);border-bottom:1px solid var(--line-d)}
.drawer details summary{border-bottom:0}
.drawer summary::-webkit-details-marker{display:none}
.drawer summary::after{content:"+";font-family:var(--body);color:var(--brass-2)}
.drawer details[open] summary::after{content:"–"}
.drawer details ul{list-style:none;margin:0 0 16px;padding:0;columns:2;column-gap:16px}
.drawer details li a{display:block;padding:8px 0;color:var(--bone);text-decoration:none;font-size:.95rem;break-inside:avoid}
.drawer-cta{margin-top:auto;padding:20px var(--gut) 28px;display:grid;gap:10px;border-top:1px solid var(--line-d)}
/* ---------- hero ---------- */
.hero{position:relative;background:var(--ink);color:var(--cream);overflow:hidden;isolation:isolate}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;
background:linear-gradient(90deg,rgba(10,10,10,.86) 0%,rgba(10,10,10,.62) 45%,rgba(10,10,10,.25) 100%),linear-gradient(0deg,rgba(10,10,10,.7),transparent 45%)}
.hero .wrap{position:relative}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:clamp(32px,5vw,80px);align-items:end;padding:clamp(56px,8vw,112px) 0 clamp(48px,6vw,88px)}
.hero-in.solo{grid-template-columns:minmax(0,1fr)}
.hero h1{font-size:clamp(2.4rem,5.2vw,4.6rem);color:var(--cream);max-width:15em}
.hero h1 .tail{display:block;font-family:var(--serif);font-style:italic;text-transform:none;font-size:.56em;letter-spacing:0;color:var(--brass-2);margin-top:.35em;line-height:1.2}
.hero .lede{margin-top:22px;font-size:clamp(1rem,1.25vw,1.125rem);font-weight:400;line-height:1.7;color:rgba(255,248,231,.84);max-width:38em}
.hero .btns{margin-top:34px}
.hero .talk{margin:22px 0 0;font-size:.92rem;color:var(--bone-2);max-width:40em;display:flex;gap:10px;align-items:flex-start}
.hero .talk::before{content:"";flex:none;width:8px;height:8px;margin-top:.55em;border-radius:50%;background:var(--brass-2)}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.8rem;color:var(--bone-2);margin:0 0 26px;padding:0;list-style:none}
.crumbs li+li::before{content:"/";margin-right:8px;opacity:.5}
.crumbs a{text-decoration:none;color:var(--bone)}
.crumbs a:hover{color:var(--brass-2)}
.hero-home{min-height:min(92vh,880px);display:flex;align-items:flex-end}
.hero-home .hero-in{width:100%}
.hero-home h1{font-size:clamp(2.5rem,5vw,4.5rem)}
@media(max-width:1060px){.hero-in{grid-template-columns:1fr}.hero .formcard{max-width:560px}}
.hero-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;font-size:.88rem;color:var(--bone-2)}
.hero-meta span+span::before{content:"·";margin-right:22px;opacity:.6}
.hero-light{background:var(--paper);color:var(--text)}
.hero-light::before{display:none}
.hero-light h1{color:var(--ink)}
.hero-light .crumbs,.hero-light .crumbs a{color:var(--stone)}
.hero-light .lede{color:var(--stone)}
.hero-light .hero-meta{color:var(--stone)}
/* ---------- trust bar ---------- */
.trust{background:var(--coal);color:var(--bone);border-top:1px solid var(--line-d)}
.trust ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr)}
.trust li{padding:26px 20px;border-left:1px solid var(--line-d);display:flex;flex-direction:column;gap:6px}
.trust li:first-child{border-left:0;padding-left:0}
.trust b{font:500 1.9rem/1 var(--serif);font-style:italic;color:var(--brass-2)}
.trust span{font-size:.8rem;letter-spacing:.04em;color:var(--bone-2);line-height:1.4}
@media(max-width:960px){.trust ul{grid-template-columns:repeat(2,1fr)}.trust li{border-left:0;border-top:1px solid var(--line-d);padding:20px 0}.trust li:nth-child(-n+2){border-top:0}.trust li:last-child{grid-column:1/-1}}
/* press/awards */
.press{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.press div{padding:34px 24px;border-left:1px solid var(--line);text-align:center}
.press div:first-child{border-left:0}
.press b{display:block;font:400 1.25rem/1.2 var(--disp);color:var(--ink)}
.press span{display:block;margin-top:8px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
@media(max-width:860px){.press{grid-template-columns:1fr 1fr}.press div:nth-child(3){border-left:0}.press div:nth-child(n+3){border-top:1px solid var(--line)}}
/* ---------- lead form ---------- */
.formcard{background:var(--cream);color:var(--text);padding:30px 28px 26px;border-top:3px solid var(--brass);box-shadow:var(--shadow);position:relative}
.formcard h2,.formcard .fc-h{font:400 1.6rem/1.15 var(--disp);color:var(--ink);margin:0 0 6px}
.formcard .fc-sub{font-size:.9rem;color:var(--stone);margin:0 0 18px}
.steps{display:flex;gap:6px;margin:0 0 18px}
.steps i{flex:1;height:3px;background:var(--line-2);border-radius:2px;transition:background .3s}
.steps i.on{background:var(--brass)}
.fstep{display:none}.fstep.on{display:block;animation:fadeUp .35s var(--ease)}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.fl{display:block;font:600 .7rem/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--stone);margin:14px 0 7px}
.fi,.fs,.ft{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line-2);border-radius:var(--r);background:#fff;font:400 1rem/1.3 var(--body);color:var(--text)}
.ft{min-height:96px;resize:vertical}
.fi:focus,.fs:focus,.ft:focus{outline:none;border-color:var(--brass);box-shadow:0 0 0 3px rgba(168,118,60,.18)}
.fi[aria-invalid=true],.fs[aria-invalid=true]{border-color:#B3261E}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{position:relative}
.chips input{position:absolute;opacity:0;inset:0;cursor:pointer}
.chips span{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--line-2);border-radius:40px;font-size:.88rem;background:#fff;cursor:pointer;transition:all .2s}
.chips input:checked+span{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.chips input:focus-visible+span{outline:2px solid var(--brass);outline-offset:2px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}
@media(max-width:520px){.frow{grid-template-columns:1fr}}
.fnav{display:flex;gap:10px;margin-top:20px;align-items:center}
.fnav .btn{flex:1}
.fback{background:none;border:0;font:600 .75rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--stone);cursor:pointer;padding:12px 6px}
.fnote{font-size:.78rem;color:var(--mute);margin:14px 0 0;line-height:1.5}
.fnote a{color:var(--stone)}
.ferr{color:#B3261E;font-size:.82rem;margin:8px 0 0;display:none}
.ferr.on{display:block}
.fileup{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px dashed var(--line-2);background:#fff;font-size:.88rem;color:var(--stone);cursor:pointer}
.fileup input{display:none}
.formcard-wide{max-width:none;padding:clamp(28px,4vw,48px)}
/* ---------- section header ---------- */
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(36px,5vw,64px)}
.sh h2{max-width:16em}
.sh p{max-width:34em;margin:0;color:var(--stone)}
.dark .sh p,.coal .sh p{color:var(--bone-2)}
@media(max-width:760px){.sh{flex-direction:column;align-items:flex-start}}
/* ---------- prose (content from live) ---------- */
.prose{font-size:1.0625rem;line-height:1.75;color:var(--text)}
.prose>*:first-child{margin-top:0}
.prose p,.prose ul,.prose ol{margin:0 0 1.15em}
.prose h2{font:400 clamp(1.7rem,2.8vw,2.3rem)/1.12 var(--disp);margin:2.2em 0 .7em;color:var(--ink)}
.prose h3{font:600 1.22rem/1.35 var(--body);margin:1.9em 0 .6em;color:var(--ink)}
.prose h4{font:600 1.05rem/1.4 var(--body);margin:1.5em 0 .5em}
.prose a{color:var(--brass-d);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose a:hover{color:var(--ink)}
.prose ul,.prose ol{padding-left:1.25em}
.prose li{margin:.4em 0}
.prose li::marker{color:var(--brass)}
.prose .lede{font-size:1.2rem;color:var(--stone);max-width:none}
.prose blockquote{margin:2em 0;padding:4px 0 4px 26px;border-left:2px solid var(--brass);font:italic 500 1.45rem/1.45 var(--serif);color:var(--ink)}
.prose figure{margin:2em 0}
.prose img{border-radius:var(--r)}
.prose figcaption{font-size:.82rem;color:var(--mute);margin-top:10px}
.prose table,.tbl{width:100%;font-size:.95rem;margin:0}
.prose .pcd-tw,.prose .wp-block-table,.tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.6em 0;border-top:2px solid var(--ink)}
.prose th,.tbl th{text-align:left;font:600 .7rem/1.3 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--stone);padding:14px 18px 12px 0;border-bottom:1px solid var(--line-2);vertical-align:bottom}
.prose td,.tbl td{padding:14px 18px 14px 0;border-bottom:1px solid var(--line);vertical-align:top}
.prose td:first-child{color:var(--text);font-weight:500}
.prose tbody tr:hover td{background:rgba(168,118,60,.05)}
.prose .note,.prose p.pcd-note,.prose .ss-note{font-size:.84rem;color:var(--mute)}
.dark .prose,.coal .prose{color:var(--bone)}
.dark .prose h2,.dark .prose h3,.coal .prose h2,.coal .prose h3{color:var(--cream)}
.dark .prose a,.coal .prose a{color:var(--brass-2)}
.dark .prose th,.coal .prose th{color:var(--bone-2);border-color:var(--line-d)}
.dark .prose td,.coal .prose td{border-color:var(--line-d)}
.dark .prose td:first-child,.coal .prose td:first-child{color:var(--cream)}
.dark .prose .pcd-tw,.coal .prose .pcd-tw{border-top-color:var(--brass-2)}
/* live content components, restyled */
.prose a.ln,.prose .ln a{font-weight:600}
.prose .pca-svc-tldr,.prose .pcp-key{background:var(--cream);border:1px solid var(--line);border-left:3px solid var(--brass);padding:22px 24px;margin:0 0 2em;font-size:1rem}
.prose .pcp-key p:first-child,.prose .pcp-key>.k:first-child{font:600 .7rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-d);margin-bottom:12px}
.prose .pcp-key ul{margin:0}
.prose .pca-svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:1.6em 0}
.prose .pca-svc-cell{background:var(--white);border:1px solid var(--line);padding:22px}
.prose .pca-svc-cell h3,.prose .pca-svc-cell h4{margin-top:0}
.prose .pca-svc-cell p:last-child{margin:0}
.prose .pca-svc-linklist,.prose ul.b{list-style:none;padding:0}
.prose .pca-svc-linklist li{margin:0;border-bottom:1px solid var(--line)}
.prose .pca-svc-linklist a{display:block;padding:12px 28px 12px 0;text-decoration:none;color:var(--text);position:relative}
.prose .pca-svc-linklist a::after{content:"→";position:absolute;right:4px;color:var(--brass)}
.prose .pca-svc-linklist a:hover{color:var(--brass-d)}
.prose ul.b li{padding-left:22px;position:relative}
.prose ul.b li::before{content:"";position:absolute;left:0;top:.75em;width:10px;height:1px;background:var(--brass)}
.prose .ss-midcta,.prose .pcp-strip,.prose .pcp-cta{background:var(--ink);color:var(--bone);padding:28px 28px 26px;margin:2.4em 0;border-radius:var(--r);position:relative;overflow:hidden}
.prose .ss-midcta::after,.prose .pcp-cta::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border:1px solid rgba(192,138,74,.35);border-radius:50%}
.prose .ss-midcta .k,.prose .pcp-cta .k{font:600 .7rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-2);margin:0 0 10px}
.prose .ss-midcta .h,.prose .pcp-cta h3,.prose .pcp-cta .h{font:400 1.55rem/1.2 var(--disp);color:var(--cream);margin:0 0 10px}
.prose .ss-midcta .t,.prose .pcp-cta p{color:var(--bone-2);font-size:.95rem}
.prose .ss-midcta .b,.prose .pcp-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.prose .ss-midcta .b a,.prose .pcp-btns a,.prose .pcp-strip a{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border:1px solid var(--brass-2);color:var(--cream);text-decoration:none;font:600 .74rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase}
.prose .ss-midcta .b a.c,.prose .pcp-btns a.call{background:var(--btn);border-color:var(--btn);color:#fff}
.prose .ss-midcta .b a.w,.prose .pcp-btns a.wa{background:var(--wa);border-color:var(--wa)}
.prose .pcp-strip{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;padding:20px 24px;font-size:.98rem}
.prose .pcp-strip a{min-height:40px}
.prose .ss-sources,.prose .pcp-src{font-size:.86rem;color:var(--stone)}
.prose .pca-cluster-links,.prose .pca-related-articles,.prose .pca-related-services,.prose .ss-related,.prose .pca-location-services{margin:2.4em 0;padding-top:24px;border-top:1px solid var(--line)}
.prose .pca-cluster-links>strong,.prose .pca-related-articles h3,.prose .pca-related-services h3{display:block;font:600 .72rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:0 0 10px}
.prose .pca-svc-loccard{display:block;background:var(--white);border:1px solid var(--line);padding:18px;text-decoration:none}
.prose .pca-svc-locgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.prose .pca-svc-loccard-city{display:block;font:400 1.2rem/1.2 var(--disp);color:var(--ink)}
.prose .pca-svc-loccard-pre,.prose .pca-svc-loccard-lbl{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.prose .pca-svc-loccard-more{display:block;font-size:.88rem;color:var(--stone);margin-top:6px}
.prose .pca-svc-btn{display:inline-flex;min-height:46px;align-items:center;padding:0 20px;background:var(--btn);color:#fff;text-decoration:none;font:600 .74rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase}
.prose .pca-svc-btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.prose .pcp-fig{margin:2em 0;padding:24px;background:var(--cream);border:1px solid var(--line)}
.prose .pcp-fig svg{max-width:100%}
.prose .pca-svc-eyebrow{font:600 .7rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-d)}
.prose .btn{margin:4px 8px 4px 0}
.prose .btn.solid{background:var(--btn);border-color:var(--btn);color:#fff}
/* mobile-only table hint from live markup */
.prose .pcd-swipe{display:none;font-size:.8rem;color:var(--mute);margin:-1em 0 1.4em}
@media(max-width:700px){.prose .pcd-swipe{display:block}}
/* link lists: titledesc */
.prose ul.ll{list-style:none;padding:0;border-top:1px solid var(--line)}
.prose li > a + span{display:block;font-size:.92rem;color:var(--stone);margin-top:2px}
.prose ul.ll li{margin:0;padding:16px 0;border-bottom:1px solid var(--line)}
.prose ul.ll li > a{font-weight:600;color:var(--ink);text-decoration:none}
.prose ul.ll li > a:hover{color:var(--brass-d)}
.prose ul.ll li > a::after{content:" →";color:var(--brass)}
.dark .prose ul.ll li > a,.coal .prose ul.ll li > a{color:var(--cream)}
/* FAQ */
.faq{border-top:1px solid var(--line)}
.faq:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:24px 0}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3,.faq summary .q{font:600 1.12rem/1.4 var(--body);margin:0;color:var(--ink)}
.faq summary::after{content:"";flex:none;width:28px;height:28px;margin-top:-2px;border:1px solid var(--line-2);border-radius:50%;
background:linear-gradient(var(--brass-d),var(--brass-d)) center/10px 1.5px no-repeat,linear-gradient(var(--brass-d),var(--brass-d)) center/1.5px 10px no-repeat;transition:transform .3s var(--ease)}
.faq[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 52px 24px 0;color:var(--stone)}
.faq .a p:last-child{margin:0}
.dark .faq,.coal .faq{border-color:var(--line-d)}
.dark .faq summary h3,.coal .faq summary h3{color:var(--cream)}
.dark .faq .a,.coal .faq .a{color:var(--bone-2)}
.prose details.faq summary{font-weight:600;font-size:1.08rem}
/* estimator (live .sscalc markup, restyled) */
.calc-wrap{background:var(--ink);color:var(--bone)}
.calc-wrap h2{color:var(--cream)}
.sscalc,.ssaduc{border:1px solid var(--line-d);padding:clamp(22px,3vw,36px);background:var(--char)}
.sscalc .sub,.ssaduc .sub{font-size:.92rem;color:var(--bone-2);margin:0 0 18px}
.sscalc label,.ssaduc label{display:block;font:600 .7rem/1.3 var(--body);text-transform:uppercase;letter-spacing:.16em;color:var(--bone-2);margin:20px 0 10px}
.sscalc br,.ssaduc br{display:none}
.sscalc select,.ssaduc select{width:100%;min-height:50px;padding:0 14px;border:1px solid var(--line-d);background:var(--coal);color:var(--cream);font:400 1rem var(--body);border-radius:var(--r)}
.sscalc input[type=range],.ssaduc input[type=range]{width:100%;accent-color:var(--brass-2)}
.sscalc .seg,.ssaduc .seg{display:flex;flex-wrap:wrap;border:1px solid var(--line-d)}
.sscalc .seg button,.ssaduc .seg button{flex:1;min-width:90px;min-height:46px;border:0;border-right:1px solid var(--line-d);background:transparent;color:var(--bone-2);font:600 .78rem/1 var(--body);letter-spacing:.08em;cursor:pointer}
.sscalc .seg button:last-child,.ssaduc .seg button:last-child{border-right:0}
.sscalc .seg button[aria-pressed=true],.ssaduc .seg button[aria-pressed=true]{background:var(--brass-2);color:var(--ink)}
.sscalc .out,.ssaduc .out{margin-top:26px;border:1px solid var(--brass-2);padding:28px 22px;text-align:center;background:rgba(192,138,74,.06)}
.sscalc .out .lbl,.ssaduc .out .lbl{font-size:.68rem;text-transform:uppercase;letter-spacing:.22em;color:var(--bone-2)}
.sscalc .out .range,.ssaduc .out .range{font:500 clamp(2rem,4vw,2.8rem)/1.1 var(--serif);font-style:italic;margin:10px 0;color:var(--cream)}
.sscalc .out .psf,.ssaduc .out .psf{font-size:.84rem;color:var(--bone-2)}
.sscalc .acts,.ssaduc .acts{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:22px}
.sscalc .acts a,.ssaduc .acts a,.ssaduc .cta a{display:inline-flex;align-items:center;min-height:46px;border:1px solid var(--brass-2);color:var(--brass-2);text-decoration:none;padding:0 22px;font:600 .74rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase}
.sscalc .acts a.solid,.ssaduc .acts a.solid{background:var(--brass-2);color:var(--ink)}
.sscalc .note,.ssaduc .note{font-size:.78rem;color:var(--bone-2);margin:18px 0 0;line-height:1.6}
.sscalc .note a,.ssaduc .note a{color:var(--cream)}
/* ---------- project cards / grids ---------- */
.pgrid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(16px,2vw,28px)}
.pcard{grid-column:span 4;display:block;text-decoration:none;color:inherit;position:relative}
.pcard .ph{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--char)}
.pcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease),opacity .4s}
.pcard:hover .ph img{transform:scale(1.045)}
.pcard .ph .tag{position:absolute;left:14px;top:14px;background:rgba(10,10,10,.72);color:var(--cream);font:600 .64rem/1 var(--body);letter-spacing:.18em;text-transform:uppercase;padding:8px 10px;backdrop-filter:blur(4px)}
.pcard .meta{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:16px 0 0}
.pcard h3{font:400 1.35rem/1.2 var(--disp);margin:0;color:inherit}
.pcard .loc{font-size:.84rem;color:var(--mute);white-space:nowrap}
.dark .pcard .loc,.coal .pcard .loc{color:var(--bone-2)}
.pcard.lg{grid-column:span 7}.pcard.lg .ph{aspect-ratio:16/11}
.pcard.md{grid-column:span 5}.pcard.md .ph{aspect-ratio:26/25}
.pcard.half{grid-column:span 6}
@media(max-width:960px){.pcard,.pcard.lg,.pcard.md,.pcard.half{grid-column:span 6}.pcard.md .ph,.pcard.lg .ph{aspect-ratio:4/3}}
@media(max-width:620px){.pcard,.pcard.lg,.pcard.md,.pcard.half{grid-column:1/-1}}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}
.filters button{min-height:42px;padding:0 18px;border:1px solid var(--line-2);background:transparent;border-radius:40px;font:500 .88rem/1 var(--body);cursor:pointer;color:var(--text)}
.filters button[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.filters button span{color:var(--mute);margin-left:6px;font-size:.8rem}
.filters button[aria-pressed=true] span{color:var(--bone-2)}
.pcard[hidden]{display:none}
/* services grid */
.sgrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.scard{display:flex;flex-direction:column;gap:14px;padding:clamp(24px,3vw,36px);border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;color:inherit;position:relative;transition:background .3s}
.scard:hover{background:var(--cream)}
.scard .no{font:500 1rem/1 var(--serif);font-style:italic;color:var(--brass-d)}
.scard h3{font:400 1.5rem/1.15 var(--disp);color:var(--ink)}
.scard p{margin:0;color:var(--stone);font-size:.95rem}
.scard .link{margin-top:auto;align-self:flex-start}
.scard .thumb{aspect-ratio:16/10;overflow:hidden;margin:-4px 0 6px;background:var(--char)}
.scard .thumb img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.scard:hover .thumb img{transform:scale(1.04)}
@media(max-width:960px){.sgrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.sgrid{grid-template-columns:1fr}}
/* process steps */
.steps-l{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line-d)}
.steps-l li{counter-increment:s;padding:32px 28px 32px 0;border-bottom:1px solid var(--line-d);position:relative}
.steps-l li::before{content:"0" counter(s);display:block;font:500 2.6rem/1 var(--serif);font-style:italic;color:var(--brass-2);margin-bottom:18px}
.steps-l h3{font:400 1.35rem/1.2 var(--disp);margin:0 0 10px;color:var(--cream)}
.steps-l p{color:var(--bone-2);margin:0;font-size:.95rem}
.light .steps-l,.steps-l.light{border-color:var(--line)}
.steps-l.light li{border-color:var(--line)}.steps-l.light li::before{color:var(--brass-d)}.steps-l.light h3{color:var(--ink)}.steps-l.light p{color:var(--stone)}
.light .steps-l li{border-color:var(--line)}
.light .steps-l li::before{color:var(--brass-d)}
.light .steps-l h3{color:var(--ink)}
.light .steps-l p{color:var(--stone)}
@media(max-width:960px){.steps-l{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.steps-l{grid-template-columns:1fr}}
/* city chips */
.cities{display:flex;flex-wrap:wrap;gap:8px}
.cities a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--line-2);border-radius:40px;text-decoration:none;font-size:.9rem;transition:all .2s}
.cities a:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.dark .cities a,.coal .cities a{border-color:var(--line-d);color:var(--bone)}
.dark .cities a:hover,.coal .cities a:hover{background:var(--cream);color:var(--ink)}
.regions{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px)}
.regions h3{font:600 .72rem/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--line)}
@media(max-width:860px){.regions{grid-template-columns:1fr}}
/* big CTA band */
.ctaband{position:relative;background:var(--ink);color:var(--cream);overflow:hidden;isolation:isolate}
.ctaband .bgimg{position:absolute;inset:0;z-index:-2}
.ctaband .bgimg img{width:100%;height:100%;object-fit:cover;opacity:.32}
.ctaband::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,10,10,.92) 30%,rgba(10,10,10,.55))}
.ctaband .in{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:clamp(32px,6vw,96px);align-items:center;padding:var(--sec) 0}
.ctaband h2{font-size:clamp(2.1rem,4.4vw,3.8rem);color:var(--cream)}
.ctaband .lede{margin-top:22px;color:rgba(255,248,231,.84)}
.ctaband .direct{margin-top:36px;display:grid;gap:14px}
.ctaband .direct a{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--cream);font:600 1.35rem/1.2 var(--body)}
.ctaband .direct a small{display:block;font:600 .66rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--bone-2);margin-bottom:6px}
.ctaband .direct .ic{width:48px;height:48px;border:1px solid var(--line-d);border-radius:50%;display:grid;place-items:center;flex:none}
.ctaband .direct a:hover .ic{border-color:var(--brass-2);background:rgba(192,138,74,.12)}
.ctaband .direct svg{width:18px;height:18px}
@media(max-width:1060px){.ctaband .in{grid-template-columns:1fr}}
/* intro / statement */
.statement{font:500 clamp(1.8rem,3.1vw,2.7rem)/1.22 var(--serif);color:var(--ink);max-width:22em;letter-spacing:-.005em}
.statement em{font-style:italic;color:var(--brass-d)}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.pair .media{position:relative}
.pair .media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.pair .media .cap{position:absolute;left:16px;bottom:16px;margin:0;display:inline-flex;align-items:center;gap:8px;background:rgba(10,10,10,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--cream);padding:9px 14px;font:600 .72rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;border-radius:2px}
.pair .media .cap::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brass-2)}
@media(max-width:900px){.pair{grid-template-columns:1fr}}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line);margin-top:32px}
.facts div{padding:18px 0;border-bottom:1px solid var(--line)}
.facts b{display:block;font:500 1.8rem/1 var(--serif);font-style:italic;color:var(--brass-d)}
.facts span{font-size:.86rem;color:var(--stone)}
/* film */
.film{position:relative;aspect-ratio:21/9;overflow:hidden;background:var(--ink) var(--poster,none) center/cover no-repeat}
.film video{width:100%;height:100%;object-fit:cover}
.film .cap{position:absolute;left:var(--gut);bottom:28px;color:var(--cream);max-width:30em}
.film .cap b{display:block;font:400 clamp(1.4rem,2.6vw,2.2rem)/1.15 var(--disp)}
.film .cap span{font-size:.86rem;color:var(--bone-2)}
.film::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,10,.6),transparent 50%);pointer-events:none}
.film .cap{z-index:2}
@media(max-width:700px){.film{aspect-ratio:4/5}}
/* ---------- article (blog) ---------- */
.art{display:grid;grid-template-columns:220px minmax(0,1fr) 300px;gap:clamp(28px,4vw,56px);align-items:start}
.art .toc{position:sticky;top:calc(var(--hdr) + 28px);font-size:.86rem;max-height:calc(100vh - var(--hdr) - 60px);overflow:auto}
.art .toc p{font:600 .68rem/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin:0 0 14px}
.art .toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.art .toc a{display:block;padding:7px 0 7px 16px;margin-left:-1px;border-left:1px solid transparent;text-decoration:none;color:var(--stone);line-height:1.4}
.art .toc a:hover{color:var(--ink)}
.art .toc a.on{color:var(--ink);border-left-color:var(--brass);font-weight:600}
.art .rail{position:sticky;top:calc(var(--hdr) + 28px);display:grid;gap:20px}
.art .body{min-width:0}
.railcard{background:var(--ink);color:var(--bone);padding:24px}
.railcard .k{font:600 .66rem/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--brass-2);margin:0 0 10px}
.railcard h2,.railcard .h{font:400 1.35rem/1.2 var(--disp);color:var(--cream);margin:0 0 14px}
.railcard ul{list-style:none;margin:0 0 16px;padding:0}
.railcard li a{display:block;padding:11px 0;border-top:1px solid var(--line-d);text-decoration:none;color:var(--cream)}
.railcard li a strong{display:block;font-size:.93rem;font-weight:600}
.railcard li a span{display:block;font-size:.8rem;color:var(--bone-2);margin-top:2px}
.railcard li a:hover strong{color:var(--brass-2)}
.railcard .btn{width:100%;margin-top:8px}
.tocm{display:none;margin-bottom:28px;border:1px solid var(--line);background:var(--cream)}
.tocm summary{padding:16px 18px;font:600 .75rem/1 var(--body);letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.tocm ol{margin:0;padding:0 18px 16px 36px;font-size:.92rem}
.tocm a{color:var(--stone);text-decoration:none;display:block;padding:5px 0}
@media(max-width:1200px){.art{grid-template-columns:minmax(0,1fr) 290px}.art .toc{display:none}.tocm{display:block}}
@media(max-width:900px){.art{grid-template-columns:1fr}.art .rail{position:static}}
.author{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:28px;background:var(--cream);border:1px solid var(--line);margin:3em 0 0}
.author .av{width:64px;height:64px;border-radius:50%;background:var(--ink);color:var(--brass-2);display:grid;place-items:center;font:400 1.3rem/1 var(--disp)}
.author strong{font-weight:600}
.author span{color:var(--stone);font-size:.9rem}
.author p{margin:10px 0 0;font-size:.95rem;color:var(--stone)}
.author a{color:var(--brass-d)}
.share{display:flex;gap:10px;align-items:center;font-size:.8rem;color:var(--mute);margin-top:28px}
.share a,.share button{width:38px;height:38px;border:1px solid var(--line-2);border-radius:50%;display:grid;place-items:center;color:var(--stone);background:none;cursor:pointer;text-decoration:none}
.share svg{width:15px;height:15px}
/* blog index */
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.5vw,36px)}
.bcard{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-top:1px solid var(--line-2);padding-top:18px}
.bcard .ph{aspect-ratio:16/10;overflow:hidden;background:var(--char);margin-bottom:18px}
.bcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.bcard:hover .ph img{transform:scale(1.04)}
.bcard .cat{font:600 .66rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-d)}
.bcard h3{font:600 1.15rem/1.35 var(--body);margin:10px 0 8px;color:var(--ink)}
.bcard:hover h3{color:var(--brass-d)}
.bcard p{font-size:.92rem;color:var(--stone);margin:0 0 12px}
.bcard .d{font-size:.8rem;color:var(--mute);margin-top:auto}
.bcard.feat{grid-column:span 2}
.bcard.feat .ph{aspect-ratio:16/9}
.bcard.feat h3{font:400 1.9rem/1.15 var(--disp)}
@media(max-width:960px){.bgrid{grid-template-columns:1fr 1fr}.bcard.feat{grid-column:1/-1}}
@media(max-width:620px){.bgrid{grid-template-columns:1fr}}
.bsearch{display:flex;gap:12px;align-items:center;margin-bottom:28px}
.bsearch input{flex:1;min-height:54px;padding:0 18px 0 48px;border:1px solid var(--line-2);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%235F584C' stroke-width='1.6'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='m13 13 4 4'/%3E%3C/svg%3E") 18px center no-repeat;font:400 1rem var(--body);border-radius:var(--r)}
.bsearch input:focus{outline:none;border-color:var(--brass)}
.catnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:44px}
.catnav a,.catnav button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid var(--line-2);border-radius:40px;text-decoration:none;font:500 .88rem var(--body);background:none;color:var(--text);cursor:pointer}
.catnav a span,.catnav button span{color:var(--mute);font-size:.78rem}
.catnav a[aria-current],.catnav button[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.more{display:flex;justify-content:center;margin-top:56px}
/* gallery + lightbox */
.gal{columns:3 320px;column-gap:16px}
.gal a{display:block;margin:0 0 16px;break-inside:avoid;overflow:hidden;background:var(--char);cursor:zoom-in}
.gal img{width:100%;transition:transform .9s var(--ease),opacity .3s}
.gal a:hover img{transform:scale(1.03)}
.lb{position:fixed;inset:0;z-index:150;background:rgba(10,10,10,.96);display:none;align-items:center;justify-content:center}
.lb.open{display:flex}
.lb img{max-width:92vw;max-height:84vh;object-fit:contain}
.lb button{position:absolute;background:none;border:1px solid var(--line-d);color:var(--cream);width:52px;height:52px;border-radius:50%;cursor:pointer;font-size:1.3rem}
.lb .x{top:20px;right:20px}.lb .pv{left:20px;top:50%}.lb .nx{right:20px;top:50%}
.lb .ct{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:var(--bone-2);font-size:.85rem}
/* project detail */
.pfacts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d)}
.pfacts div{padding:22px 20px 22px 0}
.pfacts small{display:block;font:600 .66rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--bone-2);margin-bottom:8px}
.pfacts b{font-weight:500;color:var(--cream)}
@media(max-width:760px){.pfacts{grid-template-columns:1fr 1fr}}
.pnav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.pnav a{padding:32px 0;text-decoration:none;display:block}
.pnav a+a{text-align:right;border-left:1px solid var(--line);padding-left:24px}
.pnav small{display:block;font:600 .66rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.pnav b{font:400 1.5rem/1.2 var(--disp);display:block;margin-top:8px}
.pnav a:hover b{color:var(--brass-d)}
/* ---------- footer ---------- */
.ftr{background:var(--ink);color:var(--bone-2);font-size:.92rem}
.ftr a{text-decoration:none;color:var(--bone)}
.ftr a:hover{color:var(--brass-2)}
.ftr-top{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:end;padding:clamp(56px,7vw,96px) 0 48px;border-bottom:1px solid var(--line-d)}
.ftr-top h2{font-size:clamp(2rem,4vw,3.4rem);color:var(--cream);max-width:13em}
.ftr-top .tel{display:inline-flex;align-items:center;gap:12px;font:600 clamp(1.5rem,2.6vw,2.1rem)/1 var(--body);letter-spacing:-.01em;color:var(--cream);margin-bottom:18px}
.ftr-cols{display:grid;grid-template-columns:1.2fr 1fr 2fr 1.1fr;gap:40px;padding:56px 0}
.ftr h3{font:600 .68rem/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--brass-2);margin:0 0 18px}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr li{margin:0 0 9px}
.ftr .locs ul{columns:3;column-gap:20px}
.ftr .locs li{break-inside:avoid;font-size:.86rem}
.ftr address{font-style:normal;line-height:1.8}
.ftr .soc{display:flex;gap:10px;margin-top:18px}
.ftr .soc a{width:40px;height:40px;border:1px solid var(--line-d);border-radius:50%;display:grid;place-items:center}
.ftr .soc svg{width:16px;height:16px}
.ftr-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:24px 0 32px;border-top:1px solid var(--line-d);font-size:.8rem}
.ftr-bot nav{display:flex;gap:20px}
.ftr .brand{color:var(--cream)}.ftr .brand small{color:var(--bone-2)}
.ftr .about{margin-top:18px;max-width:30em;line-height:1.65}
@media(max-width:1060px){.ftr-cols{grid-template-columns:1fr 1fr}.ftr-top{grid-template-columns:1fr}}
@media(max-width:620px){.ftr-cols{grid-template-columns:1fr}.ftr .locs ul{columns:2}}
/* mobile action bar */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:95;display:none;grid-template-columns:1fr 1fr 1.4fr;background:var(--ink);border-top:1px solid var(--line-d);padding-bottom:env(safe-area-inset-bottom)}
.mbar a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;color:var(--cream);text-decoration:none;font:600 .74rem/1 var(--body);letter-spacing:.12em;text-transform:uppercase;border-left:1px solid var(--line-d)}
.mbar a:first-child{border-left:0}
.mbar a.wa{color:#7FD8AE}
.mbar a.go{background:var(--btn);color:#fff;border-left:0}
.mbar svg{width:16px;height:16px}
@media(max-width:860px){.mbar{display:grid}body{padding-bottom:58px}}
/* reveal */
.rv{opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.in{opacity:1;transform:none}
.no-js .rv{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}
/* utilities */
.mt-0{margin-top:0}.mt-s{margin-top:16px}.mt-m{margin-top:32px}.mt-l{margin-top:56px}
.mb-0{margin-bottom:0}.ta-c{text-align:center}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px)}
@media(max-width:860px){.grid-2{grid-template-columns:1fr}}
.kv{display:grid;grid-template-columns:auto 1fr;gap:12px 24px;margin:0}
.kv dt{font:600 .7rem/1.6 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.kv dd{margin:0}
.map{aspect-ratio:16/10;width:100%;border:0;filter:grayscale(1) contrast(1.05)}
.badge-verify{display:inline-block;font:600 .62rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#8A5A20;background:#FBEFD9;padding:5px 8px;border-radius:2px}
.t-project .hero::before{background:linear-gradient(0deg,rgba(10,10,10,.82) 0%,rgba(10,10,10,.25) 55%,rgba(10,10,10,.1) 100%)}
.hero-light .eyebrow{color:var(--brass-d)}
.trust span{color:rgba(255,248,231,.74)}
.ftr a.btn-brass,.ftr a.btn-wa,.ftr a.btn-brass:hover{color:#fff}
.drawer a.btn-brass{color:#fff}
.catnav a[aria-current] span,.catnav button[aria-pressed=true] span{color:var(--bone-2)}
.bcard[hidden],[hidden]{display:none!important}
/* logo (exact artwork, black box sits on the black header/footer) */
.logo{display:block;flex:none;line-height:0}
.logo img{width:267px;height:48px}
@media(max-width:520px){.logo img{width:200px;height:36px}}
.ftr .logo{margin-bottom:4px}
.ic16{width:15px;height:15px;flex:none;display:inline-block;vertical-align:-2px;margin-right:2px}
.ic24{width:24px;height:24px;flex:none;color:var(--brass-2)}
.ftr address a,.ftr address span{display:inline-flex;align-items:center;gap:8px}
/* buttons on dark surfaces keep a visible edge */
.dark .btn:not(.btn-brass):not(.btn-wa),.coal .btn:not(.btn-brass):not(.btn-wa),.ctaband .btn:not(.btn-brass):not(.btn-wa),.hero .btn:not(.btn-brass):not(.btn-wa){--b:var(--cream);color:var(--cream);border-color:rgba(255,248,231,.55)}
.dark .btn:not(.btn-brass):not(.btn-wa):hover,.coal .btn:not(.btn-brass):not(.btn-wa):hover,.ctaband .btn:not(.btn-brass):not(.btn-wa):hover,.hero .btn:not(.btn-brass):not(.btn-wa):hover{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.btn-wa:hover{border-color:#7FD8AE}
.hero-light .btn-light{--b:var(--ink);color:var(--ink)}
/* process timeline */
.timeline{list-style:none;margin:0 auto;padding:0 0 0 40px;max-width:880px;position:relative}
.timeline::before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:1px;background:var(--line-2)}
.timeline li{position:relative;padding:0 0 56px}
.timeline li:last-child{padding-bottom:0}
.timeline li::before{content:"";position:absolute;left:-40px;top:.55em;width:15px;height:15px;border-radius:50%;background:var(--paper);border:2px solid var(--brass)}
.timeline .lede{margin-top:14px}
.ftr{background:#010101}
.hdr .btn{white-space:nowrap;letter-spacing:.12em;padding:0 20px}
.nav>li>a,.nav>li>button{padding:0 12px}
@media(max-width:1320px){.nav>li>a,.nav>li>button{padding:0 9px;font-size:.88rem}.hdr .wrap{gap:18px}}
@media(max-width:1240px){.hdr-tel{display:none}}
.hero:not(.hero-light) .crumbs{text-shadow:0 1px 10px rgba(0,0,0,.6)}
.t-project .hero::before{background:linear-gradient(90deg,rgba(10,10,10,.6) 0%,rgba(10,10,10,.15) 60%),linear-gradient(0deg,rgba(10,10,10,.85) 0%,rgba(10,10,10,.2) 55%,rgba(10,10,10,.1) 100%)}
/* ---------- Recognition ---------- */
.recog{background:var(--ink);color:var(--bone);padding:var(--sec) 0;position:relative;overflow:hidden}
.recog-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(36px,6vw,96px);align-items:center}
.recog-media{position:relative;margin:0}
.recog-media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.recog-media::after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,248,231,.28);pointer-events:none}
.recog-media figcaption{position:absolute;right:-1px;bottom:-1px;background:var(--btn);color:#fff;padding:22px 26px;max-width:270px}
.recog-media figcaption .big{display:block;font:500 1.9rem/1 var(--serif);font-style:italic;margin-bottom:8px}
.recog-media figcaption span:last-child{font-size:.86rem;line-height:1.45;color:rgba(255,255,255,.94)}
.recog h2{color:var(--cream)}
.recog .lede{color:rgba(255,248,231,.78);margin-top:18px}
.awards{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid var(--line-d)}
.awards li{display:grid;grid-template-columns:52px 1fr;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line-d);transition:background .3s}
.awards li:hover{background:rgba(255,248,231,.03)}
.aw-ic{color:var(--brass-2);display:grid;place-items:center}
.aw-fig{font:500 1.7rem/1 var(--serif);font-style:italic;color:var(--brass-2)}
.aw-t b{display:block;font:400 1.35rem/1.2 var(--disp);color:var(--cream)}
.x3{font:italic 500 1.15rem/1 var(--serif);color:var(--brass-2);margin-left:6px;text-transform:none}
.aw-t small{display:block;margin-top:5px;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,248,231,.66)}
.creds{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0}
.creds span{border:1px solid var(--line-d);padding:9px 14px;font:600 .7rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,248,231,.82)}
@media(max-width:960px){.recog-in{grid-template-columns:1fr}.recog-media img{aspect-ratio:4/3}}
@media(max-width:520px){.awards li{grid-template-columns:40px 1fr;gap:12px}.aw-ic svg{width:34px;height:34px}}
/* ---------- Service-area map ---------- */
.areas{background:var(--cream);padding:var(--sec) 0}
.areas-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:start}
.areas .lede{margin-top:18px}
.areas-stats{display:flex;gap:40px;margin:30px 0 36px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.areas-stats b{display:block;font:500 2.4rem/1 var(--serif);font-style:italic;color:var(--brass-d)}
.areas-stats span{font-size:.86rem;color:var(--stone)}
.areas-lists{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.arl h3{display:flex;align-items:center;gap:8px;font:600 .7rem/1.2 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--line-2)}
.arl h3 span{margin-left:auto;color:var(--mute);letter-spacing:0}
.rd{width:8px;height:8px;border-radius:50%;flex:none}
.rd.r0{background:#8A5A20}.rd.r1{background:#2F5D62}.rd.r2{background:#5F584C}
.pt.r0 circle{fill:#8A5A20}.pt.r1 circle{fill:#2F5D62}.pt.r2 circle{fill:#5F584C}
.arl ul{list-style:none;margin:0;padding:0}
.arl a{display:flex;justify-content:space-between;padding:7px 0;font-size:.92rem;text-decoration:none;color:var(--text);transition:color .2s,padding .2s}
.arl a::after{content:"\2192";color:var(--brass);opacity:0;transition:opacity .2s}
.arl a:hover,.arl a.hl{color:var(--brass-d);padding-left:6px}
.arl a:hover::after,.arl a.hl::after{opacity:1}
.arl a[aria-current]{color:var(--brass-d);font-weight:600}
.areas-map{position:sticky;top:calc(var(--hdr) + 24px);background:var(--paper);border:1px solid var(--line);padding:18px;color:var(--ink)}
.areas-map svg{width:100%;height:auto;max-height:78vh;display:block}
.areas-map .lake{fill:#C9D6D4;stroke:#9DB2AF;stroke-width:1}
.areas-map .lk{font:italic 500 13px var(--serif);fill:#4E6965;letter-spacing:.06em}
.areas-map .ring{fill:none;stroke:var(--brass);stroke-opacity:.4;stroke-dasharray:3 5}
.areas-map .ring.r2{stroke-opacity:.22}
.areas-map .pt circle{stroke:var(--paper);stroke-width:2;transition:r .2s}
.areas-map .pt text{font:600 11.5px var(--body);fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round}
.areas-map .pt:hover circle,.areas-map .pt.hl circle,.areas-map .pt.on circle{r:8;fill:var(--ink)}
.areas-map .pt.hq circle{fill:var(--brass);stroke:#fff;stroke-width:3;animation:pulse 2.4s ease-in-out infinite}
.areas-map .pt.hq text{font-size:13px;fill:var(--brass-d)}
@keyframes pulse{50%{stroke-width:6;stroke:rgba(168,118,60,.35)}}
.map-key{display:flex;gap:20px;margin:12px 0 0;font-size:.78rem;color:var(--stone)}
.map-key .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--stone);margin-right:6px;vertical-align:-1px}
.map-key .dot.hq{background:var(--brass)}
@media(max-width:1060px){.areas-in{grid-template-columns:1fr}.areas-map{position:static;order:-1}.areas-map svg{max-height:none}}
@media(max-width:620px){.areas-lists{grid-template-columns:1fr 1fr}.areas-lists .arl:last-child{grid-column:1/-1}.areas-stats{gap:24px}}
/* night map card */
.areas-map{background:var(--ink);border:0;color:var(--cream);padding:22px 22px 18px;box-shadow:var(--shadow)}
.areas-map svg{max-height:74vh}
.areas-map rect{color:var(--cream)}
.areas-map .lake{fill:#17363A;stroke:#2F5D62;stroke-width:1.2}
.areas-map .lk{font:italic 500 13px var(--serif);fill:#7FB3B8;letter-spacing:.04em}
.areas-map .ring{stroke:var(--brass-2);stroke-opacity:.45}
.areas-map .ring.r2{stroke-opacity:.25}
.areas-map .rl{font:600 9px var(--body);letter-spacing:.24em;fill:var(--brass-2)}
.areas-map .pt circle{stroke:var(--ink);stroke-width:2}
.areas-map .pt.r0 circle{fill:#C08A4A}.areas-map .pt.r1 circle{fill:#7FB3B8}.areas-map .pt.r2 circle{fill:#BDB4A3}
.areas-map .pt text{fill:rgba(255,248,231,.88);stroke:var(--ink);font-weight:500}
.areas-map .pt:hover circle,.areas-map .pt.hl circle,.areas-map .pt.on circle{r:8;fill:#fff}
.areas-map .pt.hl text,.areas-map .pt:hover text,.areas-map .pt.on text{fill:#fff;font-weight:700}
.areas-map .pt.hq circle{fill:var(--brass-2);stroke:var(--ink)}
.areas-map .pt.hq text{fill:var(--brass-2);font-weight:700}
@keyframes pulse{50%{stroke-width:7;stroke:rgba(192,138,74,.35)}}
.map-key{flex-wrap:wrap;gap:8px 18px;color:rgba(255,248,231,.7);margin-top:14px;padding-top:14px;border-top:1px solid var(--line-d)}
.map-key .dot.r0{background:#C08A4A}.map-key .dot.r1{background:#7FB3B8}.map-key .dot.r2{background:#BDB4A3}
.map-key .dot.hq{background:var(--brass-2);box-shadow:0 0 0 3px rgba(192,138,74,.3)}
.rd.r1{background:#3E7A80}
/* tighter icon + number spacing */
.hdr-tel{gap:4px}
.ic16{margin-right:0;width:14px;height:14px}
.topbar a{gap:4px}
.ftr-top .tel{gap:6px}
.ic24{width:22px;height:22px}
.ftr address a,.ftr address span{gap:6px}
.btn{gap:7px}
.ctaband .direct a{gap:12px}
/* ---------- contact page ---------- */
::selection{background:rgba(192,138,74,.28);color:inherit}
.ct-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.ct-intro{font-size:1.08rem;max-width:34em}
.ct-intro a{color:var(--brass-d);text-underline-offset:3px}
.ct-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:36px}
.ct-card{position:relative;display:flex;flex-direction:column;gap:4px;padding:22px 22px 20px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--text);transition:border-color .25s,box-shadow .25s,transform .25s}
a.ct-card:hover{border-color:var(--brass);box-shadow:0 18px 40px -24px rgba(10,10,10,.35);transform:translateY(-2px)}
a.ct-card::after{content:"\2192";position:absolute;top:20px;right:20px;color:var(--brass);opacity:0;transform:translateX(-4px);transition:all .25s}
a.ct-card:hover::after{opacity:1;transform:none}
.ct-ic{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--brass-d);margin-bottom:12px}
.ct-ic svg{width:18px;height:18px}
.ct-wa .ct-ic{background:#E6F2EC;color:var(--wa)}
.ct-k{font:600 .68rem/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.ct-v{font:600 1.12rem/1.3 var(--body);color:var(--ink);margin-top:4px}
.ct-big{font-size:1.45rem;letter-spacing:-.01em}
.ct-sm{font-size:.95rem;word-break:break-all}
.ct-wa .ct-v{color:var(--wa)}
.ct-h{font-size:.84rem;color:var(--stone);margin-top:2px}
.ct-next{margin-top:44px;padding:30px 30px 8px;background:var(--cream);border:1px solid var(--line)}
.ct-tl{padding-left:34px;max-width:none;margin-top:6px}
.ct-tl li{padding-bottom:26px}
.ct-tl li::before{left:-34px;top:.3em;width:13px;height:13px}
.ct-tl::before{left:6px}
.ct-tl h3{font:600 1.05rem/1.35 var(--body);color:var(--ink)}
.ct-tl p{margin:6px 0 0;font-size:.94rem;color:var(--stone)}
@media(max-width:860px){.ct-grid{grid-template-columns:1fr}}
@media(max-width:520px){.ct-cards{grid-template-columns:1fr}.ct-next{padding:24px 20px 4px}}
.ct-tl li::before{background:var(--cream)}.ct-tl::before{bottom:34px}
/* narrow reading columns share the page grid's left edge (aligned with hero/breadcrumb) */
.wrap-n{max-width:calc(var(--wrap) + 2*var(--gut))}
.wrap-n > *{max-width:880px}
.wrap-n.ta-c > *{margin-left:auto;margin-right:auto}
.timeline{margin:0}
/* legal / simple pages: one centred reading column for header and body */
.wrap.narrow{max-width:calc(880px + 2*var(--gut))}
/* ---------- Locations hub ---------- */
.hub{background:var(--cream);padding:var(--sec) 0}
.hub-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:clamp(32px,4.5vw,72px);align-items:start}
.hub-map{position:sticky;top:calc(var(--hdr) + 24px)}
.hub-map .areas{background:none;padding:0}
.hub-map .areas-map{position:static}
.hub-group+.hub-group{margin-top:64px}
.hub-gh{display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px 20px;padding-bottom:18px;margin-bottom:22px;border-bottom:2px solid var(--ink)}
.hub-gh .eyebrow{grid-column:1/-1;margin-bottom:6px}
.hub-count{font:italic 500 1.15rem/1 var(--serif);color:var(--brass-d)}
.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hub-card{position:relative;display:flex;flex-direction:column;gap:8px;min-height:120px;padding:18px 18px 16px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:border-color .25s,box-shadow .25s,transform .25s}
.hub-card:hover,.hub-card.hl{border-color:var(--brass);box-shadow:0 16px 36px -22px rgba(10,10,10,.4);transform:translateY(-2px)}
.hc-top{display:flex;align-items:center;gap:8px}
.hc-pre{font:600 .64rem/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--mute)}
.hc-badge{margin-left:auto;font:600 .6rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;background:var(--btn);color:#fff;padding:5px 7px}
.hc-city{font:400 1.22rem/1.2 var(--disp)}
.hc-more{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font:600 .68rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--brass-d)}
.hc-more svg{transition:transform .25s}
.hub-card:hover .hc-more svg,.hub-card.hl .hc-more svg{transform:translateX(4px)}
.hub-card.hq{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.hub-card.hq .hc-pre{color:rgba(255,248,231,.7)}.hub-card.hq .hc-more{color:var(--brass-2)}
.hub-group.ext .hub-card{background:transparent;min-height:104px}
.hub-group.ext .hub-card:hover,.hub-group.ext .hub-card.hl{background:#fff}
.hub-note{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-top:40px;padding:22px 24px;background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--brass)}
.hub-note .ct-ic{margin:0;background:#fff}
.hub-note-h{font:600 1rem/1.3 var(--body);color:var(--ink);margin:0 0 4px}
.hub-note p{margin:0;font-size:.93rem;color:var(--stone)}
.hub-note a:not(.btn){color:var(--brass-d)}
@media(max-width:1060px){.hub-in{grid-template-columns:1fr}.hub-map{position:static}}
@media(max-width:700px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-note{grid-template-columns:1fr}.hub-note .ct-ic{display:none}}
@media(max-width:700px){.hub-card{padding:14px 14px 12px;min-height:104px}.hc-city{font-size:1.05rem}.hc-pre{font-size:.58rem;letter-spacing:.14em}.hc-badge{position:absolute;top:-8px;right:10px;margin:0}}
/* hub v2 */
.hub-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:end;padding-bottom:36px;border-bottom:1px solid var(--line-2)}
.hub-title{font:400 clamp(2rem,3.6vw,3.1rem)/1.08 var(--disp);color:var(--ink);margin:0 0 14px}
.hub-sub{color:var(--stone);margin:0;max-width:36em;font-size:1.05rem}
.hub-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-left:1px solid var(--line-2)}
.hub-facts div{padding:4px 0 4px 22px}
.hub-facts dt{font:500 2.1rem/1 var(--serif);font-style:italic;color:var(--brass-d)}
.hub-facts dd{margin:8px 0 0;font-size:.82rem;color:var(--stone);line-height:1.4}
.hub-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 40px}
.hub-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--line-2);background:transparent;border-radius:40px;font:500 .9rem/1 var(--body);color:var(--text);cursor:pointer;transition:all .2s}
.hub-tabs button:hover{border-color:var(--ink)}
.hub-tabs button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.hc-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px}
.hc-foot .hc-more{margin-top:0}
.hc-d{font:italic 500 .95rem/1 var(--serif);color:var(--mute)}
.hub-card.hq .hc-d{color:var(--brass-2)}
.hub-card[hidden],.hub-group[hidden]{display:none!important}
.map-bar{display:flex;justify-content:space-between;align-items:center;padding:0 0 14px;margin-bottom:12px;border-bottom:1px solid var(--line-d);font:600 .66rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,248,231,.7)}
.map-n{color:var(--brass-2)}
.areas-map .pt{transition:opacity .3s}
.areas-map .pt.dim{opacity:.15}
@media(max-width:960px){.hub-head{grid-template-columns:1fr}.hub-facts{border-left:0;border-top:1px solid var(--line-2);padding-top:18px}.hub-facts div:first-child{padding-left:0}}
@media(max-width:520px){.hub-facts dt{font-size:1.6rem}.hub-tabs{flex-wrap:nowrap;overflow-x:auto;margin-right:calc(-1*var(--gut));padding-bottom:4px}.hub-tabs button{flex:none}}
.hub-lists.areas{padding:0;background:none}
/* where-we-work v2: region tabs + city grid */
.ar-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line-2);margin-bottom:6px}
.ar-tabs button{display:flex;align-items:center;gap:10px;min-height:58px;padding:0 4px 0 0;background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;text-align:left;font:600 .72rem/1.25 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--stone);transition:color .2s,border-color .2s}
.ar-tabs button span{flex:1}
.ar-tabs button em{font:italic 500 1.05rem/1 var(--serif);letter-spacing:0;text-transform:none;color:var(--mute)}
.ar-tabs button:hover{color:var(--ink)}
.ar-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}
.ar-tabs button[aria-selected=true] em{color:var(--brass-d)}
.ar-tabs button:focus-visible{outline-offset:-2px}
.ar-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}
.ar-grid li{border-bottom:1px solid var(--line)}
.ar-grid a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 0;text-decoration:none;color:var(--text);font-size:.98rem;transition:color .2s,padding .2s}
.ar-grid a svg{color:var(--brass);opacity:0;transform:translateX(-6px);transition:all .2s;flex:none}
.ar-grid a:hover,.ar-grid a.hl{color:var(--brass-d);padding-left:6px}
.ar-grid a:hover svg,.ar-grid a.hl svg{opacity:1;transform:none}
.ar-grid a[aria-current]{color:var(--brass-d);font-weight:600}
.ar-pane{animation:fadeUp .3s var(--ease)}
.ar-all{margin-top:26px}
@media(max-width:620px){.ar-tabs{grid-template-columns:1fr;border-bottom:0}.ar-tabs button{min-height:48px;border-bottom:1px solid var(--line);border-left:2px solid transparent;padding-left:12px}.ar-tabs button[aria-selected=true]{border-left-color:var(--ink);border-bottom-color:var(--line)}.ar-grid{grid-template-columns:1fr 1fr;column-gap:18px;margin-top:10px}}
/* where-we-work tabs as pills */
.ar-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:0;margin-bottom:14px}
.ar-tabs button{flex:none;min-height:46px;padding:0 8px 0 16px;border:1px solid var(--line-2);border-radius:40px;margin:0;font:500 .9rem/1 var(--body);letter-spacing:0;text-transform:none;color:var(--text);gap:9px}
.ar-tabs button span{flex:none}
.ar-tabs button em{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:30px;background:var(--paper);font:600 .78rem/1 var(--body);color:var(--stone)}
.ar-tabs button:hover{border-color:var(--ink)}
.ar-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.ar-tabs button[aria-selected=true] em{background:rgba(255,248,231,.14);color:var(--cream)}
.ar-grid{border-top:1px solid var(--line)}
@media(max-width:620px){.ar-tabs{flex-wrap:nowrap;overflow-x:auto;margin-right:calc(-1*var(--gut));padding-bottom:4px}.ar-tabs button{border-left:1px solid var(--line-2);border-bottom:1px solid var(--line-2);padding-left:14px}.ar-tabs button[aria-selected=true]{border-left-color:var(--ink);border-bottom-color:var(--ink)}}
.recog-media figcaption{z-index:1}.recog-media::after{z-index:0}
/* landing-page section types */
.fullimg{margin:0;height:clamp(320px,52vw,640px);overflow:hidden;background:var(--ink)}
.fullimg img{width:100%;height:100%;object-fit:cover}
.psplit{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);min-height:560px}
.psplit.rev .ps-ph{order:2}
.ps-ph{position:relative;overflow:hidden;background:var(--ink)}
.ps-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ps-tx{padding:clamp(48px,7vw,112px) clamp(24px,6vw,96px);align-self:center;max-width:680px}
.psplit.rev .ps-tx{margin-left:auto}
.ps-tx .prose ul.ln{list-style:none;padding:0;border-top:1px solid var(--line)}
.ps-tx .prose ul.ln li{margin:0;padding:12px 0 12px 22px;border-bottom:1px solid var(--line);position:relative}
.ps-tx .prose ul.ln li::before{content:"";position:absolute;left:0;top:1.3em;width:10px;height:1px;background:var(--brass)}
@media(max-width:900px){.psplit{grid-template-columns:1fr;min-height:0}.ps-ph{aspect-ratio:16/10}.psplit.rev .ps-ph{order:0}}
.midcta{background:var(--ink);color:var(--bone)}
.midcta h2{color:var(--cream)}
.mc-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
.mc-l{margin:12px 0 0;color:rgba(255,248,231,.8);max-width:42em}
@media(max-width:860px){.mc-in{grid-template-columns:1fr}}
/* full-width content on simple service/location pages */
.t-pca .sec .prose .pca-svc-grid{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
.t-pca .sec .prose>p,.t-pca .sec .prose>ul,.t-pca .sec .prose>ol{max-width:none}
/* contrast fixes on dark surfaces */
.prose .ss-midcta a:not(.c):not(.w),.prose .pcp-strip a,.prose .pcp-cta p a{color:var(--brass-2)}
.midcta .eyebrow,.recog .eyebrow{color:var(--brass-2)}
.midcta .btn:not(.btn-brass):not(.btn-wa){--b:var(--cream);color:var(--cream);border-color:rgba(255,248,231,.55)}
.midcta .btn:not(.btn-brass):not(.btn-wa):hover{background:var(--cream);color:var(--ink)}
.ssaduc h3,.sscalc h3{color:var(--cream)}
.ssaduc a.cta,.sscalc a.cta{color:var(--brass-2)}
.dark .muted,.coal .muted{color:var(--bone-2)}
/* "Our Architecture Services" block on location pages */
.prose .pca-location-services{margin:0;padding:clamp(28px,4vw,48px);background:var(--ink);color:var(--bone);border:0}
.prose .pca-location-services h2{margin:0 0 10px;color:var(--cream)}
.prose .pca-location-services>p{color:rgba(255,248,231,.78)}
.prose .pca-location-services ul{list-style:none;padding:0;margin:26px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.prose .pca-location-services li{margin:0}
.prose .pca-location-services li a{display:flex;justify-content:space-between;align-items:center;gap:10px;height:100%;padding:16px 16px;border:1px solid var(--line-d);color:var(--cream);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .2s}
.prose .pca-location-services li a::after{content:"\2192";color:var(--brass-2);transition:transform .2s}
.prose .pca-location-services li a:hover{background:rgba(255,248,231,.06);border-color:var(--brass-2)}
.prose .pca-location-services li a:hover::after{transform:translateX(4px)}
.prose .pca-location-services li::marker{content:none}
.prose .pca-location-services>p:last-child a,.prose .pca-location-services p a{color:var(--brass-2)}
@media(max-width:900px){.prose .pca-location-services ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.prose .pca-location-services ul{grid-template-columns:1fr}}
.prose .pca-location-services li a{line-height:1.35}
.railcard ul[style*="columns"]{columns:3!important}
@media(max-width:900px){.railcard ul[style*="columns"]{columns:1!important}}
.post-intro p{font-size:1.2rem;line-height:1.65;color:var(--ink);margin-bottom:1.4em}
.prose .ss-sources{margin-top:2.4em;padding:22px 24px;background:var(--cream);border:1px solid var(--line)}
.prose .ss-sources ul{margin-bottom:0}
/* hero: copy vertically centred against the form */
.hero-in{align-items:center}
.hero-in.solo{align-items:end}
/* label-only link sections ("Keep reading") as a card row */
.relrow{background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rr-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}
.rr-head .eyebrow{margin:0}
.rr-links ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;border:0}
.rr-links li{margin:0;padding:0;border:0}
.rr-links li::marker{content:none}
.rr-links li a{display:flex;flex-direction:column;justify-content:space-between;gap:18px;height:100%;min-height:120px;padding:20px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;font:600 1rem/1.4 var(--body);transition:border-color .25s,box-shadow .25s,transform .25s}
.rr-links li a::after{content:"Read the guide →";font:600 .68rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--brass-d)}
.rr-links li a:hover{border-color:var(--brass);box-shadow:0 16px 36px -22px rgba(10,10,10,.4);transform:translateY(-2px)}
.rr-links li span{display:block;font-weight:400;font-size:.88rem;color:var(--stone);margin-top:-10px}
.rr-links p{margin:14px 0 0}
@media(max-width:960px){.rr-links ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.rr-links ul{grid-template-columns:1fr}}
/* project key features */
.kf{margin-top:34px;padding:26px 28px;background:var(--cream);border:1px solid var(--line);border-top:3px solid var(--brass)}
.kf-h{font:600 .7rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-d);margin:0 0 16px}
.kf-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.kf-list li{display:flex;gap:10px;align-items:flex-start;font-size:.98rem;line-height:1.45;color:var(--ink)}
.kf-list svg{flex:none;margin-top:3px;color:var(--brass-d)}
@media(max-width:620px){.kf-list{grid-template-columns:1fr}.kf{padding:22px 20px}}
/* key-feature variations (preview page) */
.kfv-tag{display:table;font:600 .72rem/1 var(--body);letter-spacing:.18em;text-transform:uppercase;background:var(--ink);color:var(--cream);padding:9px 12px;margin:0 0 36px}
.kfv-tag span{opacity:.6}
.kfv-tag-d{background:var(--btn);color:#fff}
.kfv-note{margin:40px 0 0;font-size:.92rem;color:var(--stone);max-width:44em;padding-top:18px;border-top:1px dashed var(--line-2)}
.kfb{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.kfb-ph{margin:0;position:relative}
.kfb-ph img{width:100%;aspect-ratio:4/5;object-fit:cover}
.kfb-ph figcaption{position:absolute;left:16px;bottom:16px;background:rgba(10,10,10,.72);color:var(--cream);padding:8px 12px;font:600 .7rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase}
.kfb-h{font:400 clamp(1.9rem,3.4vw,2.8rem)/1.1 var(--disp);color:var(--cream);margin:0 0 30px}
.kfb-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-d)}
.kfb-list li{display:grid;grid-template-columns:64px 1fr;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line-d)}
.kfb-list .n{font:italic 500 1.6rem/1 var(--serif);color:var(--brass-2)}
.kfb-list .t{font:400 1.25rem/1.35 var(--disp);color:var(--cream)}
@media(max-width:900px){.kfb{grid-template-columns:1fr}.kfb-ph img{aspect-ratio:16/10}}
.kfc{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:8px}
.kfc-t{display:flex;flex-direction:column;gap:18px;padding:26px 24px;background:#fff;border:1px solid var(--line);min-height:150px;font:500 1.02rem/1.4 var(--body);color:var(--ink);transition:border-color .25s,transform .25s}
.kfc-t:hover{border-color:var(--brass);transform:translateY(-2px)}
.kfc-i{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:var(--brass-d)}
/* project card variations (preview) */
.cv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media(max-width:960px){.cv-grid{grid-template-columns:1fr 1fr}}@media(max-width:620px){.cv-grid{grid-template-columns:1fr}}
/* A */
.cva{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;color:#fff;text-decoration:none;background:var(--ink)}
.cva img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.cva:hover img{transform:scale(1.05)}
.cva::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,10,.9) 0%,rgba(10,10,10,.45) 38%,transparent 62%)}
.cva-type{position:absolute;left:16px;top:16px;z-index:2;background:rgba(10,10,10,.72);padding:8px 10px;font:600 .64rem/1 var(--body);letter-spacing:.18em;text-transform:uppercase}
.cva-body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px}
.cva-meta{display:block;font:600 .66rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-2);margin-bottom:8px}
.cva-t{display:block;font:400 1.55rem/1.15 var(--disp);color:var(--cream)}
.cva-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.cva-chips i{font-style:normal;font-size:.76rem;line-height:1;padding:7px 10px;border:1px solid rgba(255,248,231,.35);border-radius:30px;color:rgba(255,248,231,.92);background:rgba(10,10,10,.25);backdrop-filter:blur(4px)}
/* B */
.cvb{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;color:#fff;text-decoration:none;background:var(--char)}
.cvb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease),filter .5s}
.cvb:hover img{transform:scale(1.05);filter:brightness(.55)}
.cvb::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,10,.85),transparent 45%)}
.cvb-top{position:absolute;left:16px;right:16px;top:16px;z-index:2;display:flex;justify-content:space-between;font:600 .64rem/1 var(--body);letter-spacing:.18em;text-transform:uppercase}
.cvb-top span{background:rgba(10,10,10,.65);padding:8px 10px}
.cvb-body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:24px}
.cvb-t{display:block;font:400 1.6rem/1.15 var(--disp);color:var(--cream)}
.cvb-more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.cvb-more>*{overflow:hidden}
.cvb:hover .cvb-more,.cvb:focus-visible .cvb-more{grid-template-rows:1fr}
.cvb-more ul{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid rgba(255,248,231,.25)}
.cvb-more li{position:relative;padding:4px 0 4px 18px;font-size:.9rem;color:rgba(255,248,231,.9)}
.cvb-more li::before{content:"";position:absolute;left:0;top:.85em;width:8px;height:1px;background:var(--brass-2)}
.cvb-cta{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font:600 .7rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--brass-2)}
@media(hover:none){.cvb-more{grid-template-rows:1fr}}
/* C */
.cvc{display:block;text-decoration:none;color:var(--ink);padding-bottom:8px}
.cvc-ph{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--char)}
.cvc-ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.cvc:hover .cvc-ph img{transform:scale(1.05)}
.cvc-type{position:absolute;left:14px;top:14px;background:rgba(10,10,10,.72);color:var(--cream);padding:8px 10px;font:600 .64rem/1 var(--body);letter-spacing:.18em;text-transform:uppercase}
.cvc-box{position:relative;display:block;margin:-56px 18px 0;padding:20px 22px;background:#fff;border-top:3px solid var(--brass);box-shadow:0 18px 40px -26px rgba(10,10,10,.5);transition:transform .3s var(--ease)}
.cvc:hover .cvc-box{transform:translateY(-4px)}
.cvc-meta{display:block;font:600 .66rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-d);margin-bottom:8px}
.cvc-t{display:block;font:400 1.45rem/1.15 var(--disp)}
.cvc-f{display:flex;flex-wrap:wrap;gap:4px 0;margin-top:12px;font-size:.84rem;color:var(--stone)}
.cvc-f span+span::before{content:"·";margin:0 8px;color:var(--brass)}
.cvc-f{display:block}
.cvc-f span{display:block;position:relative;padding:3px 0 3px 16px}
.cvc-f span+span::before{content:none}
.cvc-f span::after{content:"";position:absolute;left:0;top:.85em;width:8px;height:1px;background:var(--brass)}
/* FAQ accordion inside article prose */
.prose details.faq{border-top:1px solid var(--line);margin:0}
.prose details.faq:last-of-type{border-bottom:1px solid var(--line)}
.prose details.faq summary{padding:20px 0}
.prose details.faq summary h3{margin:0;font:600 1.08rem/1.45 var(--body);color:var(--ink)}
.prose details.faq .a{padding:0 48px 20px 0;color:var(--stone)}
.prose details.faq .a p:last-child{margin-bottom:0}
.prose details.faq[open] summary h3{color:var(--brass-d)}
.prose h2+details.faq,.prose h2+.faq-list{margin-top:8px}
/* thin brand scrollbars */
html{scrollbar-width:thin;scrollbar-color:var(--brass) var(--paper)}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:var(--paper)}
::-webkit-scrollbar-thumb{background:var(--brass);border-radius:8px;border:2px solid var(--paper)}
::-webkit-scrollbar-thumb:hover{background:var(--brass-d)}
.art .toc,.drawer,.hub-tabs,.ar-tabs,.tblwrap,.prose .pcd-tw,.prose .wp-block-table{scrollbar-width:thin;scrollbar-color:var(--brass) transparent}
.art .toc::-webkit-scrollbar,.hub-tabs::-webkit-scrollbar,.ar-tabs::-webkit-scrollbar,.tblwrap::-webkit-scrollbar{width:4px;height:4px}
.art .toc::-webkit-scrollbar-track,.hub-tabs::-webkit-scrollbar-track,.ar-tabs::-webkit-scrollbar-track,.tblwrap::-webkit-scrollbar-track{background:transparent}
.art .toc::-webkit-scrollbar-thumb,.hub-tabs::-webkit-scrollbar-thumb,.ar-tabs::-webkit-scrollbar-thumb,.tblwrap::-webkit-scrollbar-thumb{background:rgba(168,118,60,.55);border:0;border-radius:4px}
.drawer{scrollbar-color:var(--brass-2) var(--ink)}
.drawer::-webkit-scrollbar-track{background:var(--ink)}
.drawer::-webkit-scrollbar-thumb{border-color:var(--ink)}
.art .toc{padding-right:8px}
/* mobile action bar v2: three clear buttons */
.mbar{gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));grid-template-columns:1fr 1.15fr 1.25fr;background:rgba(10,10,10,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.mbar a{min-height:48px;border-left:0;border-radius:4px;font-size:.72rem;letter-spacing:.1em;gap:7px}
.mbar a:first-child{border:1px solid rgba(255,248,231,.35);color:var(--cream)}
.mbar a.wa{background:var(--wa);color:#fff;border:1px solid var(--wa)}
.mbar a.go{background:var(--btn);color:#fff}
@media(max-width:860px){body{padding-bottom:66px}}
@media(max-width:360px){.mbar a{font-size:.66rem;letter-spacing:.06em}.mbar svg{width:14px;height:14px}}
@media(max-width:620px){.hero-meta{gap:4px 16px}.hero-meta span+span::before{display:none}}
/* ===== project card (Option A) ===== */
.pcard{position:relative;display:block;overflow:hidden;aspect-ratio:4/5;color:#fff;text-decoration:none;background:var(--ink);isolation:isolate}
.pcard.lg{aspect-ratio:16/12}.pcard.md{aspect-ratio:auto}
.pcard>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease);z-index:-2}
.pcard:hover>img{transform:scale(1.05)}
.pcard::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(10,10,10,.92) 0%,rgba(10,10,10,.5) 34%,transparent 60%)}
.pc-type{position:absolute;left:16px;top:16px;background:rgba(10,10,10,.72);padding:8px 10px;font:600 .64rem/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--cream);backdrop-filter:blur(4px)}
.pc-body{position:absolute;left:0;right:0;bottom:0;padding:22px}
.pc-meta{display:block;font:600 .66rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-2);margin-bottom:8px}
.pc-t{display:block;font:400 1.55rem/1.15 var(--disp);color:var(--cream)}
.pcard.lg .pc-t{font-size:clamp(1.6rem,2.4vw,2.1rem)}
.pc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.pc-chips i{font-style:normal;font-size:.76rem;line-height:1;padding:7px 10px;border:1px solid rgba(255,248,231,.35);border-radius:30px;color:rgba(255,248,231,.94);background:rgba(10,10,10,.28);backdrop-filter:blur(4px)}
@media(max-width:960px){.pcard,.pcard.lg,.pcard.md{aspect-ratio:4/5}}
@media(max-width:620px){.pcard,.pcard.lg,.pcard.md{aspect-ratio:4/4.4}}
/* ===== project key features (Option B) + spec strip ===== */
.kfs{background:var(--ink);color:var(--bone)}
.kfs .kfb-h{color:var(--cream)}
.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0;margin:0 0 26px;border:1px solid var(--line-d)}
.specs div{padding:16px 18px;border-right:1px solid var(--line-d);border-bottom:1px solid var(--line-d);margin:0 -1px -1px 0}
.specs dt{font:600 .62rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,248,231,.6);margin-bottom:8px}
.specs dd{margin:0;font:500 1.35rem/1.15 var(--serif);font-style:italic;color:var(--brass-2)}
.specs dd{font:400 1.3rem/1.2 var(--disp);font-style:normal;color:var(--cream)}
.specs div:first-child dd{color:var(--brass-2)}
/* gallery: even grid, no empty column */
.gal{columns:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gal a{margin:0;aspect-ratio:4/3}
.gal a img{width:100%;height:100%;object-fit:cover}
.gal a:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.gal-few{grid-template-columns:repeat(2,minmax(0,1fr))}
.gal-few a:first-child{grid-column:auto;grid-row:auto;aspect-ratio:4/3}
@media(max-width:760px){.gal{grid-template-columns:1fr 1fr}.gal a:first-child{grid-column:1/-1;grid-row:auto;aspect-ratio:4/3}}
/* galleries always end on a full row (3-col, first image 2x2) */
@media(min-width:761px){
.gal-many a:nth-child(3n+4):last-child{grid-column:1/-1;aspect-ratio:21/8}
.gal-many a:nth-child(3n+5):last-child{grid-column:span 2;aspect-ratio:auto}
}
@media(max-width:760px){.gal a:nth-child(2n+2):last-child{grid-column:1/-1;aspect-ratio:16/9}}
/* combined project story + key features */
.ps-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:start}
.pstory h2{color:var(--cream)}
.ps-sum{font:500 clamp(1.25rem,1.9vw,1.6rem)/1.45 var(--serif);color:rgba(255,248,231,.9);margin:22px 0 0}
.ps-meta{margin:20px 0 0;font-size:.9rem;color:var(--bone-2)}
.ps-meta a{color:var(--brass-2)}
.ps-r .eyebrow{margin-bottom:18px}
.ps-r .kfb-list .t{font-size:1.12rem}
@media(max-width:960px){.ps-grid{grid-template-columns:1fr}}
.gal-few a:only-child{grid-column:1/-1;aspect-ratio:21/9}
@media(max-width:760px){.gal-few a:only-child{aspect-ratio:4/3}}
/* card text always readable: stronger overlay + light label */
.pcard::after{background:linear-gradient(0deg,rgba(10,10,10,.94) 0%,rgba(10,10,10,.72) 30%,rgba(10,10,10,.25) 55%,transparent 72%)}
.pc-meta{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6);display:inline-flex;align-items:center;gap:8px}
.pc-meta::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brass-2)}
.pc-t{text-shadow:0 1px 12px rgba(0,0,0,.45)}
/* same-colour sections back to back: don't double the spacing */
.dark+.recog,.recog+.dark,.dark+.dark,.coal+.coal,.cream+.cream,.white+.white,.dark+.kfs,.kfs+.dark{padding-top:0}
main>section:is(.sec,.sec-tight):not(.dark,.coal,.cream,.white,.calc-wrap,.kfs,.recog,.midcta,.relrow,.ctaband)+section:is(.sec,.sec-tight):not(.dark,.coal,.cream,.white,.calc-wrap,.kfs,.recog,.midcta,.relrow,.ctaband){padding-top:0}
/* in-article call strip: spaced buttons, clear hierarchy */
.prose .pcp-strip{justify-content:space-between}
.prose .pcp-strip .lnk{display:flex;flex-wrap:wrap;gap:12px}
.prose .pcp-strip .lnk a{min-height:46px;padding:0 20px;border-radius:2px;color:#fff}
.prose .pcp-strip .lnk a[href^="tel:"]{background:var(--btn);border-color:var(--btn)}
.prose .pcp-strip .lnk a[href*="wa.me"]{background:var(--wa);border-color:var(--wa)}
.prose .pcp-strip .lnk a:hover{filter:brightness(1.12)}
@media(max-width:520px){.prose .pcp-strip .lnk{width:100%}.prose .pcp-strip .lnk a{flex:1;justify-content:center}}
/* footer phone: icon in a circle, sized to the number */
.ftr-top .tel{gap:16px}
.tel-ic{width:56px;height:56px;flex:none;border:1px solid rgba(192,138,74,.6);border-radius:50%;display:grid;place-items:center;color:var(--brass-2);transition:background .25s,border-color .25s}
.tel-ic svg{width:22px;height:22px}
.ftr-top .tel:hover .tel-ic{background:rgba(192,138,74,.14);border-color:var(--brass-2)}
.ctaband .direct .ic{border-color:rgba(192,138,74,.6);color:var(--brass-2)}
@media(max-width:620px){.tel-ic{width:46px;height:46px}.tel-ic svg{width:18px;height:18px}}
.ftr-top .tel svg.ic24{box-sizing:border-box;width:56px;height:56px;padding:16px;border:1px solid rgba(192,138,74,.6);border-radius:50%;color:var(--brass-2);overflow:visible;transition:background .25s,border-color .25s}
.ftr-top .tel:hover svg.ic24{background:rgba(192,138,74,.14);border-color:var(--brass-2)}
@media(max-width:620px){.ftr-top .tel svg.ic24{width:46px;height:46px;padding:13px}}
/* =====================================================================
WordPress adapter: maps the design system onto core block markup.
===================================================================== */
:root{--wp--style--global--content-size:880px;--wp--style--global--wide-size:1240px}
body{margin:0}
.wp-site-blocks{padding:0}
.site-header,.site-footer{display:contents}
.site-main{display:block}
:where(.wp-site-blocks) > *{margin-block-start:0;margin-block-end:0}
.wp-block-group.wrap{width:100%}
.is-layout-flex{gap:0}
figure{margin:0}
.wp-element-caption{margin:0}
.screen-reader-text,.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* icons drawn with CSS masks so menu/paragraph links stay plain, editable text */
:root{
--i-phone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' d='M5 3h3.5l1.8 4.6-2.3 1.5a11 11 0 0 0 6.9 6.9l1.5-2.3L21 15.5V19a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
--i-wa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.3-.4.7-1.4.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c1.7.7 2.3.8 3.2.7a2.7 2.7 0 0 0 1.8-1.3 2.2 2.2 0 0 0 .2-1.3c-.1-.1-.3-.2-.5-.3z'/%3E%3C/svg%3E");
--i-phone-brass:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23C08A4A' stroke-width='1.6' d='M5 3h3.5l1.8 4.6-2.3 1.5a11 11 0 0 0 6.9 6.9l1.5-2.3L21 15.5V19a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
--i-wa-green:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%237FD8AE' d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.3-.4.7-1.4.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c1.7.7 2.3.8 3.2.7a2.7 2.7 0 0 0 1.8-1.3 2.2 2.2 0 0 0 .2-1.3c-.1-.1-.3-.2-.5-.3z'/%3E%3C/svg%3E");
--i-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' d='M3 5h18v14H3zM3 6l9 7 9-7'/%3E%3C/svg%3E");
--i-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.6' d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E");
--i-ar:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.8' d='M4 12h15m-6-6 6 6-6 6'/%3E%3C/svg%3E");
--i-laurel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M24 42c-9-2-15-10-15-20 0-4 1-8 3-11M24 42c9-2 15-10 15-20 0-4-1-8-3-11M12 15c-3 0-5-2-5-4 3 0 5 2 5 4zM10 22c-3 1-6 0-7-2 3-1 6 0 7 2zM11 29c-3 2-6 1-7-1 3-2 6-1 7 1zM15 35c-2 2-6 2-7 0 3-2 6-2 7 0zM36 15c3 0 5-2 5-4-3 0-5 2-5 4zM38 22c3 1 6 0 7-2-3-1-6 0-7 2zM37 29c3 2 6 1 7-1-3-2-6-1-7 1zM33 35c2 2 6 2 7 0-3-2-6-2-7 0z'/%3E%3C/g%3E%3C/svg%3E");
--i-book:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.3'%3E%3Cpath d='M8 12h12a4 4 0 0 1 4 4v22a3 3 0 0 0-3-3H8zM40 12H28a4 4 0 0 0-4 4v22a3 3 0 0 1 3-3h13z'/%3E%3Cpath d='M12 19h7M12 24h7M29 19h7M29 24h7' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E");
}
.ic-mask::before,
.tb-r a::before,.hdr-tel a::before,.ftr-act .tel a::before,.addr a::before,.addr .pin::before,.direct p a::before,.mbar a::before{
content:"";display:inline-block;flex:none;width:15px;height:15px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
a[href^="tel:"]{--i:var(--i-phone)} a[href*="wa.me"]{--i:var(--i-wa)} a[href^="mailto:"]{--i:var(--i-mail)} .pin{--i:var(--i-pin)}
/* ---------- top bar ---------- */
.topbar .tb-in{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:38px}
.topbar p{margin:0}
.tb-r{display:flex;gap:22px;align-items:center}
.tb-r a,.hdr-tel a{display:inline-flex;align-items:center;gap:5px}
.tb-l::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#3FBF7F;box-shadow:0 0 0 3px rgba(63,191,127,.18);margin-right:10px;vertical-align:2px}
@media(max-width:760px){.tb-l{display:none}.topbar .tb-in{justify-content:center}.tb-r a[href^="mailto:"]{display:none}}
/* ---------- header ---------- */
.hdr .hdr-in{display:flex;align-items:center;gap:28px;height:var(--hdr);flex-wrap:nowrap}
.hdr .wp-block-site-logo,.ftr .wp-block-site-logo{flex:none;line-height:0}
.wp-block-site-logo img{width:267px;height:auto}
@media(max-width:520px){.hdr .wp-block-site-logo img{width:200px}}
.hdr-cta{display:flex;align-items:center;gap:22px;flex:none}
.hdr-cta p{margin:0}
.hdr-tel a{font:600 .95rem/1 var(--body);text-decoration:none;color:var(--cream);white-space:nowrap}
.hdr-tel a:hover{color:var(--brass-2)}
.hdr-btn .wp-block-button__link{padding:13px 20px;font-size:.72rem;letter-spacing:.12em;white-space:nowrap}
@media(max-width:1240px){.hdr-tel{display:none}}
@media(max-width:1060px){.hdr-cta{display:none}}
/* core Navigation: desktop */
.main-nav{margin-left:auto;font:500 .92rem/1 var(--body)}
.main-nav .wp-block-navigation__container{gap:0}
.main-nav .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;align-items:center;height:var(--hdr);padding:0 12px;color:var(--cream);text-decoration:none;position:relative}
.main-nav .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content::after{content:"";position:absolute;left:12px;right:12px;bottom:22px;height:1px;background:var(--brass-2);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.main-nav .wp-block-navigation__container>.wp-block-navigation-item:hover>.wp-block-navigation-item__content::after,
.main-nav .wp-block-navigation__container>.current-menu-item>.wp-block-navigation-item__content::after{transform:scaleX(1)}
.main-nav .wp-block-navigation__submenu-icon{color:var(--cream);margin-left:2px}
@media(max-width:1320px){.main-nav .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{padding:0 9px;font-size:.88rem}.hdr .hdr-in{gap:18px}}
/* mega panel (desktop only) */
@media(min-width:600px){
.hdr{position:sticky}
.hdr .hdr-in,.main-nav,.main-nav .wp-block-navigation__container,.main-nav .wp-block-navigation__container>.has-child{position:static}
.main-nav .wp-block-navigation__container>.has-child>.wp-block-navigation__submenu-container{
position:absolute!important;left:0!important;right:0!important;top:100%!important;width:auto!important;min-width:0!important;
display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 40px;align-items:start;
padding:36px max(var(--gut),calc((100vw - var(--wrap))/2)) 44px!important;background:var(--cream)!important;color:var(--text)!important;
border:0!important;border-top:1px solid var(--line)!important;box-shadow:0 30px 60px -30px rgba(10,10,10,.35)!important;
transform:translateY(-6px);transition:opacity .22s,transform .22s var(--ease),visibility 0s .22s}
.main-nav .wp-block-navigation__container>.has-child:hover>.wp-block-navigation__submenu-container,
.main-nav .wp-block-navigation__container>.has-child:focus-within>.wp-block-navigation__submenu-container{transform:none;transition:opacity .22s,transform .22s var(--ease)}
.main-nav .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{
position:static!important;visibility:inherit!important;opacity:1!important;width:auto!important;height:auto!important;min-width:0!important;
border:0!important;box-shadow:none!important;background:none!important;padding:0!important;display:block!important}
.main-nav .wp-block-navigation__submenu-container .wp-block-navigation-submenu__toggle,
.main-nav .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{display:none!important}
.main-nav .wp-block-navigation__submenu-container>.has-child>.wp-block-navigation-item__content{
display:block;font:600 .7rem/1 var(--body)!important;letter-spacing:.22em;text-transform:uppercase;color:var(--mute)!important;padding:0 0 14px!important;margin-bottom:6px;border-bottom:1px solid var(--line-2)}
.main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:8px 0!important;color:var(--text)!important;text-decoration:none;font-size:.92rem;border-bottom:1px solid var(--line)}
.main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{color:var(--brass-d)!important}
.main-nav .wp-block-navigation__submenu-container>.wp-block-navigation-item:not(.has-child)>.wp-block-navigation-item__content{font-weight:600;border-bottom:0;align-self:end}
}
/* mobile overlay */
.main-nav .wp-block-navigation__responsive-container-open{width:46px;height:46px;border:1px solid var(--line-d);border-radius:var(--r);color:var(--cream);display:none;align-items:center;justify-content:center}
@media(max-width:599px){.main-nav .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}}
.main-nav .wp-block-navigation__responsive-container.is-menu-open{background:var(--ink)!important;color:var(--cream)!important;padding:24px var(--gut)!important}
.main-nav .is-menu-open .wp-block-navigation__responsive-container-content{padding-top:56px!important;align-items:stretch!important;gap:0!important}
.main-nav .is-menu-open .wp-block-navigation__container{width:100%;gap:0!important;align-items:stretch!important}
.main-nav .is-menu-open .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content{height:auto;padding:16px 0;font:400 1.45rem/1.15 var(--disp);border-bottom:1px solid var(--line-d);width:100%}
.main-nav .is-menu-open .wp-block-navigation__container>.wp-block-navigation-item>.wp-block-navigation-item__content::after{display:none}
.main-nav .is-menu-open .wp-block-navigation__submenu-container{padding:6px 0 14px 0!important;display:grid!important;grid-template-columns:1fr 1fr;gap:0 16px}
.main-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{grid-column:1/-1;padding:0 0 10px!important}
.main-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:8px 0;font-size:.95rem;color:var(--bone)}
.main-nav .is-menu-open .wp-block-navigation__submenu-container>.has-child>.wp-block-navigation-item__content{grid-column:1/-1;font:600 .68rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-2);padding-top:14px}
.main-nav .wp-block-navigation__responsive-container-close{color:var(--cream);top:24px;right:var(--gut)}
/* ---------- buttons ---------- */
.wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}
.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;line-height:1;border:1px solid var(--btn);transition:background .25s var(--ease),color .25s,border-color .25s}
.wp-block-button__link:hover{border-color:var(--brass-2)}
.wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.wp-block-button.is-style-outline>.wp-block-button__link:hover{background:var(--ink);color:var(--cream)}
.is-dark .wp-block-button.is-style-outline>.wp-block-button__link,.dark .wp-block-button.is-style-outline>.wp-block-button__link,.coal .wp-block-button.is-style-outline>.wp-block-button__link,.hero .wp-block-button.is-style-outline>.wp-block-button__link,.ftr .wp-block-button.is-style-outline>.wp-block-button__link{color:var(--cream);border-color:rgba(255,248,231,.55)}
.is-dark .wp-block-button.is-style-outline>.wp-block-button__link:hover,.hero .wp-block-button.is-style-outline>.wp-block-button__link:hover{background:var(--cream);color:var(--ink)}
.wp-block-button.is-style-whatsapp>.wp-block-button__link{background:var(--wa);border-color:var(--wa);color:#fff}
.wp-block-button.is-style-whatsapp>.wp-block-button__link::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:var(--i-wa) center/contain no-repeat;mask:var(--i-wa) center/contain no-repeat}
.wp-block-button.is-style-whatsapp>.wp-block-button__link:hover{background:var(--wa-d);border-color:#7FD8AE}
.link-p a,a.link-p{display:inline-flex;align-items:center;gap:10px;font:600 .78rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--brass-d);padding:6px 0;border-bottom:1px solid currentColor}
.link-p a::after{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:var(--i-ar) center/contain no-repeat;mask:var(--i-ar) center/contain no-repeat;transition:transform .25s var(--ease)}
.link-p a:hover::after{transform:translateX(4px)}
.dark .link-p a,.coal .link-p a{color:var(--brass-2)}
.mt-m{margin-top:32px!important}
/* ---------- cover blocks used as hero / film / CTA band ---------- */
.wp-block-cover.hero,.wp-block-cover.ctaband,.wp-block-cover.film{padding:0;min-height:0;align-items:stretch;display:block}
.wp-block-cover .wp-block-cover__inner-container{width:100%;max-width:none;color:inherit}
.wp-block-cover.hero::before,.wp-block-cover.ctaband::before{display:none}
.wp-block-cover.hero>.wp-block-cover__background{opacity:1!important;background:linear-gradient(90deg,rgba(10,10,10,.86) 0%,rgba(10,10,10,.62) 45%,rgba(10,10,10,.25) 100%),linear-gradient(0deg,rgba(10,10,10,.7),transparent 45%)!important}
.wp-block-cover.ctaband>.wp-block-cover__background{opacity:1!important;background:linear-gradient(90deg,rgba(10,10,10,.92) 30%,rgba(10,10,10,.55))!important}
.wp-block-cover.ctaband>.wp-block-cover__image-background{opacity:.32}
.wp-block-cover.hero-home{min-height:min(92vh,880px)!important;display:flex;align-items:flex-end}
.hero-in{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:clamp(32px,5vw,80px);align-items:center;padding:clamp(56px,8vw,112px) 0 clamp(48px,6vw,88px)}
.hero h1{color:var(--cream);margin:0}
.hero .lede{margin:22px 0 0}
.hero .wp-block-buttons{margin-top:34px}
.hero .talk{margin:22px 0 0;font-size:.92rem;color:var(--bone-2);max-width:40em;display:flex;gap:10px;align-items:flex-start}
.hero .talk::before{content:"";flex:none;width:8px;height:8px;margin-top:.55em;border-radius:50%;background:var(--brass-2)}
@media(max-width:1060px){.hero-in{grid-template-columns:1fr}.hero .formcard{max-width:560px}}
/* ---------- trust bar ---------- */
.trust-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr)}
.trust-list li{padding:26px 20px;border-left:1px solid var(--line-d);display:flex;flex-direction:column;gap:6px;font-size:.8rem;letter-spacing:.04em;color:rgba(255,248,231,.74);line-height:1.4}
.trust-list li:first-child{border-left:0;padding-left:0}
.trust-list strong{font:italic 500 1.9rem/1 var(--serif);color:var(--brass-2)}
/* ss-autolink can add a city link inside an item: keep the label on one flowing line (block, not flex items) */
.trust-list li{display:block}
.trust-list strong{display:block;margin-bottom:6px}
.trust-list a{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,248,231,.3);text-underline-offset:3px}
@media(max-width:960px){.trust-list{grid-template-columns:repeat(2,1fr)}.trust-list li{border-left:0;border-top:1px solid var(--line-d);padding:20px 0}.trust-list li:nth-child(-n+2){border-top:0}.trust-list li:last-child{grid-column:1/-1}}
/* ---------- section header ---------- */
.sh .sh-l>*:last-child,.sh .sh-r>*:last-child{margin-bottom:0}
.sh .sh-r p{margin:0 0 14px;color:var(--stone);max-width:34em}
.dark .sh .sh-r p,.coal .sh .sh-r p{color:var(--bone-2)}
.sh h2{margin:0}
/* ---------- practice pair ---------- */
.pair-copy .statement{margin:0}
.pair-copy .lede{margin:32px 0 0}
.facts{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);margin-top:32px}
.facts p{padding:18px 0;border-bottom:1px solid var(--line);margin:0;font-size:.86rem;color:var(--stone)}
.facts strong{display:block;font:italic 500 1.8rem/1 var(--serif);color:var(--brass-d);margin-bottom:4px}
.pair-copy .link-p{margin-top:32px}
.pair figure.media{position:relative}
.pair figure.media img{width:100%;aspect-ratio:4/5;object-fit:cover}
.pair figure.media figcaption{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;background:rgba(10,10,10,.72);backdrop-filter:blur(6px);color:var(--cream);padding:9px 14px;font:600 .72rem/1 var(--body);letter-spacing:.14em;text-transform:uppercase;border-radius:2px}
.pair figure.media figcaption::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brass-2)}
/* ---------- services grid (core groups) ---------- */
.sgrid>.scard{position:relative}
.scard .thumb{aspect-ratio:16/10;overflow:hidden;margin:-4px 0 6px;background:var(--char)}
.scard .thumb img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.scard:hover .thumb img{transform:scale(1.04)}
.scard h3{font:400 1.5rem/1.15 var(--disp);color:var(--ink);margin:0}
.scard h3 a{color:inherit;text-decoration:none}
.scard h3 a::after{content:"";position:absolute;inset:0}
.scard p{margin:0;color:var(--stone);font-size:.95rem}
.scard .more{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font:600 .78rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--brass-d);padding:6px 0;border-bottom:1px solid currentColor;align-self:flex-start}
.scard .more::after{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:var(--i-ar) center/contain no-repeat;mask:var(--i-ar) center/contain no-repeat}
/* ---------- film ---------- */
.wp-block-cover.film{aspect-ratio:21/9;position:relative;overflow:hidden;background:var(--ink)}
.wp-block-cover.film .wp-block-cover__video-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wp-block-cover.film>.wp-block-cover__background{opacity:1!important;background:linear-gradient(0deg,rgba(10,10,10,.6),transparent 50%)!important}
.wp-block-cover.film .wp-block-cover__inner-container{position:absolute;left:0;right:0;bottom:28px;padding:0 var(--gut);z-index:2}
.film .cap{color:var(--bone-2);font-size:.86rem;max-width:30em;margin:0 auto 0 max(0px,calc((100vw - var(--wrap))/2 - var(--gut)))}
.film .cap strong{display:block;font:400 clamp(1.4rem,2.6vw,2.2rem)/1.15 var(--disp);color:var(--cream)}
.film .cap a{color:var(--brass-2)}
@media(max-width:700px){.wp-block-cover.film{aspect-ratio:4/5}}
/* ---------- process steps ---------- */
.steps-l{display:grid;grid-template-columns:repeat(3,1fr);counter-reset:s;border-top:1px solid var(--line-d)}
.steps-l>.step{counter-increment:s;padding:32px 28px 32px 0;border-bottom:1px solid var(--line-d)}
.steps-l>.step::before{content:"0" counter(s);display:block;font:italic 500 2.6rem/1 var(--serif);color:var(--brass-2);margin-bottom:18px}
.steps-l>.step h3{font:400 1.35rem/1.2 var(--disp);margin:0 0 10px;color:var(--cream)}
.steps-l>.step p{color:var(--bone-2);margin:0;font-size:.95rem}
@media(max-width:960px){.steps-l{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.steps-l{grid-template-columns:1fr}}
/* ---------- recognition ---------- */
.recog-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(36px,6vw,96px);align-items:center}
figure.recog-media{position:relative}
figure.recog-media img{width:100%;aspect-ratio:4/5;object-fit:cover}
figure.recog-media::after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,248,231,.28);pointer-events:none;z-index:0}
figure.recog-media figcaption{position:absolute;right:-1px;bottom:-1px;z-index:1;background:var(--btn);color:rgba(255,255,255,.94);padding:22px 26px;max-width:270px;font-size:.86rem;line-height:1.45;text-align:left}
figure.recog-media figcaption strong{display:block;font:italic 500 1.9rem/1 var(--serif);color:#fff;margin-bottom:8px}
.recog-copy h2{color:var(--cream);margin:0}
.recog-copy .lede{color:rgba(255,248,231,.78);margin:18px 0 0}
ul.awards{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid var(--line-d)}
ul.awards li{position:relative;padding:22px 0 22px 70px;border-bottom:1px solid var(--line-d);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,248,231,.66)}
ul.awards li::before{content:"";position:absolute;left:4px;top:50%;width:44px;height:44px;margin-top:-22px;background:var(--brass-2);-webkit-mask:var(--i-laurel) center/contain no-repeat;mask:var(--i-laurel) center/contain no-repeat}
ul.awards li:nth-child(n+3)::before{-webkit-mask-image:var(--i-book);mask-image:var(--i-book)}
ul.awards strong{display:block;font:400 1.35rem/1.2 var(--disp);letter-spacing:.012em;text-transform:none;color:var(--cream);margin-bottom:5px}
ul.awards em{font:italic 500 1.15rem/1 var(--serif);color:var(--brass-2);margin-left:6px}
ul.creds{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0;padding:0}
ul.creds li{border:1px solid var(--line-d);padding:9px 14px;font:600 .7rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,248,231,.82)}
@media(max-width:960px){.recog-in{grid-template-columns:1fr}figure.recog-media img{aspect-ratio:4/3}}
/* ---------- query loop as blog cards ---------- */
.wp-block-post-template.bgrid{list-style:none;margin:0;padding:0}
.bgrid>.wp-block-post{display:flex;flex-direction:column;border-top:1px solid var(--line-2);padding-top:18px;position:relative}
.bgrid .wp-block-post-featured-image{margin:0 0 18px;overflow:hidden;background:var(--char)}
.bgrid .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.bgrid>.wp-block-post:hover .wp-block-post-featured-image img{transform:scale(1.04)}
.bgrid .wp-block-post-date{font:600 .66rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-d)}
.bgrid .wp-block-post-title{font:600 1.15rem/1.35 var(--body);margin:10px 0 8px}
.bgrid .wp-block-post-title a{color:var(--ink);text-decoration:none}
.bgrid .wp-block-post-title a::after{content:"";position:absolute;inset:0}
.bgrid>.wp-block-post:hover .wp-block-post-title a{color:var(--brass-d)}
.bgrid .wp-block-post-excerpt{font-size:.92rem;color:var(--stone)}
.bgrid .wp-block-post-excerpt p{margin:0}
.bgrid .wp-block-post-excerpt__more-text{display:none}
.wp-block-query.latest .bgrid,.wp-block-query.bq .bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.5vw,36px)}
@media(max-width:960px){.wp-block-query.latest .bgrid,.wp-block-query.bq .bgrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wp-block-query.latest .bgrid,.wp-block-query.bq .bgrid{grid-template-columns:1fr}}
/* ---------- FAQ (core/details) ---------- */
details.wp-block-details.faq{border-top:1px solid var(--line);margin:0}
details.wp-block-details.faq:last-child{border-bottom:1px solid var(--line)}
details.wp-block-details.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:24px 0;font:600 1.12rem/1.4 var(--body);color:var(--ink)}
details.wp-block-details.faq summary::-webkit-details-marker{display:none}
details.wp-block-details.faq summary::after{content:"";flex:none;width:28px;height:28px;margin-top:-2px;border:1px solid var(--line-2);border-radius:50%;background:linear-gradient(var(--brass-d),var(--brass-d)) center/10px 1.5px no-repeat,linear-gradient(var(--brass-d),var(--brass-d)) center/1.5px 10px no-repeat;transition:transform .3s var(--ease)}
details.wp-block-details.faq[open] summary::after{transform:rotate(45deg)}
details.wp-block-details.faq[open] summary{color:var(--brass-d)}
details.wp-block-details.faq>:not(summary){padding:0 52px 24px 0;color:var(--stone);margin:0}
.split .sticky>*:last-child{margin-bottom:0}
/* ---------- CTA band ---------- */
.cta-in{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:clamp(32px,6vw,96px);align-items:center;padding:var(--sec) 0}
.cta-copy h2{font-size:clamp(2.1rem,4.4vw,3.8rem);color:var(--cream);margin:0}
.cta-copy .lede{margin:22px 0 0;color:rgba(255,248,231,.84)}
.direct{margin-top:36px;display:grid;gap:14px}
.direct p{margin:0}
/* direct links built from paragraphs (p.d-call / p.d-wa: ringed icon, small label above the number; the dynamic closing
bands of projects and posts use the design's own markup, span.ic + small, styled by base.css). The icon is a coloured background image, not a
mask: a mask also clips the ring, which is how the rings went missing. Label comes from CSS so the content stays plain. */
.direct p a,.ctaband .direct p a{display:inline-grid;grid-template-columns:48px auto;grid-template-rows:auto auto;column-gap:16px;row-gap:0;align-items:center;text-decoration:none;color:var(--cream);font:600 1.35rem/1.2 var(--body)}
.direct p a::before{content:"";grid-column:1;grid-row:1/3;width:48px;height:48px;box-sizing:border-box;padding:0;border:1px solid rgba(192,138,74,.6);border-radius:50%;outline:0;
-webkit-mask:none;mask:none;background:var(--ic) center/20px no-repeat;transition:background-color .25s,border-color .25s}
.direct p a::after{grid-column:2;grid-row:1;align-self:end;margin-bottom:6px;font:600 .66rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--bone-2)}
.direct .d-call a{--ic:var(--i-phone-brass)}.direct .d-call a::after{content:"Call David directly"}
.direct .d-wa a{--ic:var(--i-wa-green)}.direct .d-wa a::after{content:"Message on WhatsApp"}
.direct p a:hover::before{border-color:var(--brass-2);background-color:rgba(192,138,74,.12)}
@media(max-width:1060px){.cta-in{grid-template-columns:1fr}}
/* ---------- lead form (Contact Form 7 inside .formcard) ---------- */
.formcard .wpcf7{margin:0}
.formcard .wpcf7-form>p{margin:0}
.formcard .wpcf7-form-control-wrap{display:block}
.formcard label.fl{display:block}
.formcard label.fl .wpcf7-form-control-wrap{margin-top:7px}
.formcard .opt{text-transform:none;letter-spacing:0;font-weight:400}
.formcard fieldset{border:0;padding:0;margin:0;min-width:0}
.formcard .chips .wpcf7-radio{display:flex;flex-wrap:wrap;gap:8px}
.formcard .chips .wpcf7-list-item{margin:0}
.formcard .chips .wpcf7-list-item label{position:relative;display:block;cursor:pointer}
.formcard .chips input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}
.formcard .chips .wpcf7-list-item-label{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--line-2);border-radius:40px;font-size:.88rem;background:#fff;transition:all .2s}
.formcard .chips input:checked+.wpcf7-list-item-label{background:var(--ink);color:var(--cream);border-color:var(--ink)}
.formcard .chips input:focus-visible+.wpcf7-list-item-label{outline:2px solid var(--brass);outline-offset:2px}
.formcard .wpcf7-not-valid{border-color:#B3261E!important}
.formcard .wpcf7-not-valid-tip{font-size:.8rem;color:#B3261E;margin-top:4px}
.formcard .wpcf7-response-output{margin:14px 0 0!important;padding:10px 12px!important;font-size:.85rem;border-radius:2px}
.formcard .wpcf7-spinner{margin:0 0 0 10px}
.formcard .fnav{display:flex;gap:10px;margin-top:20px;align-items:center}
.formcard .fnav .btn,.formcard .fnav .wpcf7-submit{flex:1}
.formcard .wpcf7-submit{min-height:52px;border:1px solid var(--btn);background:var(--btn);color:#fff;font:600 .78rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border-radius:var(--r)}
.formcard .wpcf7-submit:hover{background:var(--ink);border-color:var(--brass-2)}
.formcard .btn-brass{background:var(--btn);color:#fff;border-color:var(--btn)}
.formcard .wpcf7-recaptcha,.formcard .g-recaptcha{margin-top:16px;transform-origin:0 0}
@media(max-width:400px){.formcard .g-recaptcha{transform:scale(.88)}}
/* budget / timing sliders (theme.js turns the CF7 selects into these) */
.formcard .frow-ranges{display:grid;grid-template-columns:1fr;gap:20px;margin-top:16px;padding:18px 18px 14px;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.formcard .frow-ranges label.fl{margin:0}
.formcard label.fl-range .wpcf7-form-control-wrap{margin-top:10px}
.frange-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.frange-v{font:600 .98rem/1.3 var(--body);letter-spacing:0;text-transform:none;color:var(--brass-d);text-align:right}
.frange-h.is-empty .frange-v{font-weight:400;font-size:.9rem;color:var(--mute)}
.frange{text-transform:none;letter-spacing:0;font-weight:400}
.frange input[type=range]{-webkit-appearance:none;appearance:none;display:block;width:100%;height:26px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y}
.frange input[type=range]:focus{outline:none}
.frange input[type=range]:focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:2px}
.frange input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(var(--brass),var(--brass)) 0 0/var(--p,0%) 100% no-repeat,var(--line-2)}
.frange input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:var(--line-2)}
.frange input[type=range]::-moz-range-progress{height:4px;border-radius:4px;background:var(--brass)}
.frange input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:var(--brass);border:3px solid #fff;box-shadow:0 0 0 1px var(--brass-d),0 2px 6px rgba(10,10,10,.18)}
.frange input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--brass);border:3px solid #fff;box-shadow:0 0 0 1px var(--brass-d),0 2px 6px rgba(10,10,10,.18)}
.frange.is-empty input[type=range]::-webkit-slider-thumb{background:#fff;box-shadow:0 0 0 1px var(--stone),0 2px 6px rgba(10,10,10,.18)}
.frange.is-empty input[type=range]::-moz-range-thumb{background:#fff;box-shadow:0 0 0 1px var(--stone),0 2px 6px rgba(10,10,10,.18)}
.frange.is-empty input[type=range]::-moz-range-progress{background:transparent}
.frange-ticks{display:flex;justify-content:space-between;padding:0 10px;margin-top:2px}
.frange-ticks i{width:1px;height:6px;background:var(--line-2)}
.frange-ticks i.on{background:var(--brass)}
.frange-ends{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-size:.78rem;color:var(--mute)}
/* compact form: tighter rhythm on both steps (client asked for a shorter form, 2026-10-08) */
.formcard{padding:26px 24px 22px}
.formcard .fc-sub{margin-bottom:14px}
.formcard .steps{margin-bottom:14px}
.formcard .fl{margin:11px 0 0}
.formcard legend.fl{margin-top:0}
.formcard label.fl .wpcf7-form-control-wrap{margin-top:5px}
.formcard .fi,.formcard .ft{min-height:42px;padding:9px 12px;font-size:.95rem}
.formcard .ft{height:68px;min-height:68px}
.formcard .frow{gap:0 10px}
.formcard .chips .wpcf7-list-item-label{min-height:36px;padding:0 12px;font-size:.85rem}
.formcard .chips .wpcf7-radio{gap:6px}
.formcard .frow-ranges{gap:12px;margin-top:12px;padding:12px 14px 10px}
.formcard label.fl-range .wpcf7-form-control-wrap{margin-top:4px}
.formcard .frange-v{font-size:.92rem}
.formcard .frange input[type=range]{height:22px}
.formcard .frange-ticks i{height:4px}
.formcard .frange-ends{margin-top:3px;font-size:.74rem}
.formcard .wpcf7-recaptcha,.formcard .g-recaptcha{margin-top:12px}
.formcard .fnav{margin-top:14px}
.formcard .fnav .btn,.formcard .wpcf7-submit{min-height:46px}
/* step 2 (2026-10-09): placeholders instead of visible labels (labels stay for screen readers), one 12px rhythm between
every row including the reCAPTCHA (its wrapper is inline, so its margin did nothing), and a brass rule between the two ranges */
.formcard .fl{margin-top:12px}
.formcard label.fl-ph .wpcf7-form-control-wrap{margin-top:0}
.formcard .fl-ph .fi::placeholder,.formcard .fl-ph .ft::placeholder{color:var(--mute);opacity:1}
.formcard .wpcf7-form-control-wrap.recaptcha{display:block;margin-top:12px}
.formcard .wpcf7-form-control-wrap.recaptcha .wpcf7-recaptcha{display:block;margin-top:0}
.formcard .fnav{margin-top:12px}
.formcard .frow-ranges label.fl-range+label.fl-range{border-top:1px solid var(--brass);padding-top:12px}
/* CF7's spinner sits in the button row and took 34px even when hidden, pushing the row out of narrow cards */
.formcard .fnav{position:relative}
.formcard .fnav .wpcf7-submit{min-width:0}
.formcard .wpcf7-spinner{position:absolute;right:10px;top:50%;margin:-12px 0 0!important}
.formcard .fnote{margin-top:10px}
.formcard-wide{padding:clamp(24px,3vw,36px)}
.fstep{display:none}.fstep.on{display:block}
.no-js .fstep{display:block}
/* ---------- footer ---------- */
.ftr .ftr-top{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:end;padding:clamp(56px,7vw,96px) 0 48px;border-bottom:1px solid var(--line-d)}
.ftr .ftr-h{font-size:clamp(2rem,4vw,3.4rem);color:var(--cream);max-width:13em;margin:0}
.ftr-act .tel{margin:0 0 18px}
.ftr-act .tel a{display:inline-flex;align-items:center;gap:16px;font:600 clamp(1.5rem,2.6vw,2.1rem)/1 var(--body);letter-spacing:-.01em;color:var(--cream);text-decoration:none}
.ftr-act .tel a::before{width:54px;height:54px;padding:0;box-sizing:border-box;border:1px solid rgba(192,138,74,.6);border-radius:50%;outline:0;-webkit-mask:none;mask:none;background:var(--i-phone-brass) center/22px no-repeat;transition:background-color .25s,border-color .25s}
.ftr-act .tel a:hover::before{border-color:var(--brass-2);background-color:rgba(192,138,74,.12)}
.ftr .ftr-cols{display:grid;grid-template-columns:1.2fr 1fr 2fr 1.1fr;gap:40px;padding:56px 0}
.ftr .about{margin:18px 0;max-width:30em;line-height:1.65}
.ftr .addr{line-height:2}
.ftr .addr a,.ftr .addr .pin{display:inline-flex;align-items:center;gap:6px;color:var(--bone);text-decoration:none}
.ftr .ftr-k{font:600 .68rem/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--brass-2);margin:0 0 18px}
.ftr .ftr-nav .wp-block-navigation__container{display:block;gap:0}
.ftr .ftr-nav .wp-block-navigation-item{margin:0 0 9px}
.ftr .ftr-nav .wp-block-navigation-item__content{color:var(--bone);text-decoration:none;padding:0}
.ftr .ftr-nav .wp-block-navigation-item__content:hover{color:var(--brass-2)}
.ftr .locs .wp-block-navigation__container{columns:3;column-gap:20px}
.ftr .locs .wp-block-navigation-item{break-inside:avoid;font-size:.86rem}
.ftr .soc{gap:10px!important;margin-top:18px}
.ftr .soc .wp-social-link{border:1px solid var(--line-d);border-radius:50%;width:40px;height:40px;display:grid;place-items:center}
.ftr .soc .wp-social-link svg{width:16px;height:16px}
.ftr .ftr-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:24px 0 32px;border-top:1px solid var(--line-d);font-size:.8rem}
.ftr .ftr-bot p{margin:0}
.ftr-legal{display:flex;gap:20px}
.ftr a{color:var(--bone)}
@media(max-width:1060px){.ftr .ftr-cols{grid-template-columns:1fr 1fr}.ftr .ftr-top{grid-template-columns:1fr}}
@media(max-width:620px){.ftr .ftr-cols{grid-template-columns:1fr}.ftr .locs .wp-block-navigation__container{columns:2}}
/* ---------- mobile action bar ---------- */
.mbar p{margin:0;display:contents}
.mbar a{display:flex;align-items:center;justify-content:center;gap:7px}
.mbar a.go::before{display:none}
/* ---------- editor niceties ---------- */
.editor-styles-wrapper .rv{opacity:1;transform:none}
.editor-styles-wrapper .fstep{display:block}
.editor-styles-wrapper .site-header,.editor-styles-wrapper .site-footer{display:block}
/* CF7 wraps radios in several spans: only the label text is a chip */
.formcard .chips .wpcf7-form-control-wrap,.formcard .chips .wpcf7-radio,.formcard .chips .wpcf7-list-item,.formcard .chips label>span:not(.wpcf7-list-item-label){display:block;border:0;padding:0;min-height:0;background:none;border-radius:0;font-size:inherit}
.formcard .chips .wpcf7-radio{display:flex;flex-wrap:wrap;gap:8px}
.formcard .chips .wpcf7-list-item{display:inline-block}
/* legacy floating WhatsApp bubble (injected site-wide): the new design uses the bottom action bar instead */
.ss-wafloat{display:none!important}
/* ---- responsive fixes ---- */
.areas-in>*,.hub-in>*,.recog-in>*,.pair>*,.cta-in>*,.hero-in>*,.split>*{min-width:0}
@media(max-width:1060px){.hdr .hdr-cta{display:none!important}}
/* Navigation: hamburger below 1061px, full menu (with mega panels) above */
.main-nav .wp-block-navigation__responsive-container-open{display:flex!important}
@media(min-width:1061px){
.main-nav .wp-block-navigation__responsive-container-open{display:none!important}
.main-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:block!important;position:static!important;width:auto!important;height:auto!important;background:none!important;padding:0!important;z-index:auto!important}
.main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-close,
.main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-dialog{display:block!important;position:static!important;margin:0!important;max-width:none!important}
.main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close{display:none!important}
.main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content{display:flex!important;padding:0!important}
.main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container{display:flex!important;flex-direction:row!important;align-items:center!important}
.main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.has-child>.wp-block-navigation__submenu-container{opacity:0;visibility:hidden}
.main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.has-child:hover>.wp-block-navigation__submenu-container,
.main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container>.has-child:focus-within>.wp-block-navigation__submenu-container{opacity:1;visibility:visible}
}
@media(min-width:600px) and (max-width:1060px){.main-nav .wp-block-navigation__container>.has-child>.wp-block-navigation__submenu-container{position:static!important}}
/* recognition list item: title above, label below */
ul.awards li{display:block}
/* service card image fills its frame */
.scard .thumb a{display:block;height:100%}
.scard .thumb img{height:100%}
/* mega/overlay: group heading above its links */
.main-nav .wp-block-navigation__submenu-container>.has-child{display:block!important}
.main-nav .wp-block-navigation__submenu-container .wp-block-navigation-item{width:100%}
/* mobile overlay: left aligned, readable two-column city/service lists */
.main-nav .is-menu-open .wp-block-navigation__responsive-container-content,
.main-nav .is-menu-open .wp-block-navigation__container,
.main-nav .is-menu-open .wp-block-navigation-item{align-items:flex-start!important;text-align:left!important}
.main-nav .is-menu-open .wp-block-navigation__container>.wp-block-navigation-item{width:100%;display:block!important}
.main-nav .is-menu-open .wp-block-navigation__container>.has-child>.wp-block-navigation__submenu-container{display:block!important;padding:4px 0 12px!important;width:100%!important}
.main-nav .is-menu-open .wp-block-navigation__submenu-container>.has-child>.wp-block-navigation-item__content{display:block;padding:14px 0 6px!important;width:100%}
.main-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{display:grid!important;grid-template-columns:1fr 1fr;gap:0 16px;padding:0!important;width:100%!important}
.main-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content{padding:7px 0!important;font-size:.95rem;line-height:1.3}
.main-nav .is-menu-open .wp-block-navigation__container>.has-child>.wp-block-navigation__submenu-container>.wp-block-navigation-item:not(.has-child)>.wp-block-navigation-item__content{color:var(--brass-2);font-weight:600;margin-top:8px}
.main-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation-item__content{color:var(--bone)!important;font-weight:500}
.main-nav .is-menu-open .wp-block-navigation-submenu__toggle,.main-nav .is-menu-open .wp-block-navigation__submenu-icon{display:none!important}
.main-nav .is-menu-open .wp-block-navigation__responsive-dialog{padding-bottom:80px}
/* ---------- inner pages (about, services, locations) ---------- */
/* the design drops the top padding between two plain sections; in WP they sit in .page-content, not directly in main */
.page-content>section:is(.sec,.sec-tight):not(.dark,.coal,.cream,.white,.calc-wrap,.kfs,.recog,.midcta,.relrow,.ctaband)+section:is(.sec,.sec-tight):not(.dark,.coal,.cream,.white,.calc-wrap,.kfs,.recog,.midcta,.relrow,.ctaband){padding-top:0}
/* buttons with a leading icon taken from the link (tel: / wa.me) */
.wp-block-button.has-ic>.wp-block-button__link::before{content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.wp-block-cover.hero .crumbs{margin:0 0 26px}
.wp-block-cover.hero .crumbs li{margin:0}
.wp-block-cover.hero .eyebrow{margin:0 0 18px}
.split .sticky .h-m{margin:0}
/* WP's flow layout zeroes the last child's bottom margin; the design keeps the prose rhythm */
.wp-block-group.prose>:is(p,ul,ol):last-child,.wp-block-group.prose>.wp-block-group.measure>:is(p,ul,ol):last-child,.wp-block-group.prose>.pca-location-services>p:last-child{margin-bottom:1.15em}
.faq-note{font-size:.95rem}
.faq-note a{color:var(--brass-d)}
.split>.r>details.wp-block-details.faq:first-child{margin-top:0}
/* core/table inside prose: design rules, not the block library's boxed borders */
.prose .wp-block-table table{border-collapse:collapse;width:100%}
.prose .wp-block-table thead{border-bottom:0}
.prose>.wp-block-table:first-child{margin-top:0}
.prose .wp-block-table th,.prose .wp-block-table td{border:0;border-bottom:1px solid var(--line)}
.prose .wp-block-table th{border-bottom-color:var(--line-2)}
.prose .wp-block-group.measure>*:first-child{margin-top:0}
/* mid-page CTA (core groups + buttons) */
.mc-in>.wp-block-buttons{flex-wrap:nowrap}
.mc-copy>*:first-child{margin-top:0}
.mc-copy h2{margin:12px 0 0}
.midcta .wp-block-button.is-style-outline>.wp-block-button__link{color:var(--cream);border-color:rgba(255,248,231,.55)}
.midcta .wp-block-button.is-style-outline>.wp-block-button__link:hover{background:var(--cream);color:var(--ink)}
@media(max-width:860px){.mc-in>.wp-block-buttons{flex-wrap:wrap}}
/* ---------- sticky stacking cards (design: src/css/site.css "Sticky stacking cards"; opt-in per section: .stackcards) ---------- */
.stackcards .prose ul.ll{border-top:0;counter-reset:sc;padding-bottom:12vh}
.stackcards .prose ul.ll li{counter-increment:sc;position:sticky;top:calc(var(--hdr) + 32px + var(--i,0)*16px);
display:grid;grid-template-columns:auto 1fr;column-gap:28px;align-content:center;min-height:200px;margin:0 0 28px;padding:36px 40px;
background:var(--white);border:1px solid var(--line);border-top:2px solid var(--brass);border-radius:20px;
box-shadow:0 -18px 40px -22px rgba(10,10,10,.3);transform-origin:50% 0;overflow:hidden}
.stackcards .prose ul.ll li::after{content:"";position:absolute;inset:0;background:#0A0A0A;opacity:var(--stk-dim,0);pointer-events:none}
.stackcards .prose ul.ll li:last-child{margin-bottom:0}
.stackcards .prose ul.ll li::before{content:counter(sc,decimal-leading-zero);grid-row:1/3;font:italic 500 2.6rem/1 var(--serif);color:var(--brass)}
.stackcards .prose ul.ll li>a{font:400 1.55rem/1.2 var(--disp)}
.stackcards .prose ul.ll li>a+span{font-size:1rem;margin-top:10px}
.stackcards .prose ul.ll li:nth-child(2){--i:1}.stackcards .prose ul.ll li:nth-child(3){--i:2}.stackcards .prose ul.ll li:nth-child(4){--i:3}
.stackcards .prose ul.ll li:nth-child(5){--i:4}.stackcards .prose ul.ll li:nth-child(6){--i:5}.stackcards .prose ul.ll li:nth-child(7){--i:6}
.stackcards .prose ul.ll li:nth-child(8){--i:7}
@media(max-width:960px){.stackcards .prose ul.ll li{top:calc(var(--hdr) + 16px + var(--i,0)*10px);min-height:160px;padding:26px 24px;column-gap:18px;border-radius:16px}
.stackcards .prose ul.ll li::before{font-size:2rem}.stackcards .prose ul.ll li>a{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){.stackcards .prose ul.ll li{transform:none!important}}
/* ---------- single project (design: project.html) ---------- */
.hero-proj{min-height:min(86vh,820px);display:flex;align-items:flex-end}
.hero-proj>.wrap{width:100%}
figure.pvid{margin:0}
figure.pvid video{width:100%;aspect-ratio:16/9;background:#000}
/* project gallery = core/gallery.gal; the design's rules target children, here each image is a figure */
.wp-block-gallery.gal{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;margin:0}
.wp-block-gallery.gal>figure.wp-block-image{width:auto!important;margin:0!important;aspect-ratio:4/3;overflow:hidden;background:var(--char)}
.wp-block-gallery.gal>figure.wp-block-image>a{display:block;height:100%;margin:0;aspect-ratio:auto;cursor:zoom-in}
.wp-block-gallery.gal>figure.wp-block-image img{width:100%!important;height:100%!important;object-fit:cover;transition:transform .9s var(--ease)}
.wp-block-gallery.gal>figure.wp-block-image:hover img{transform:scale(1.03)}
.wp-block-gallery.gal>figure.wp-block-image:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.wp-block-gallery.gal-few{grid-template-columns:repeat(2,minmax(0,1fr))}
.wp-block-gallery.gal-few>figure.wp-block-image:first-child{grid-column:auto;grid-row:auto;aspect-ratio:4/3}
.wp-block-gallery.gal-few>figure.wp-block-image:only-child{grid-column:1/-1;aspect-ratio:21/9}
@media(min-width:761px){
.wp-block-gallery.gal-many>figure.wp-block-image:nth-child(3n+4):last-child{grid-column:1/-1;aspect-ratio:21/8}
.wp-block-gallery.gal-many>figure.wp-block-image:nth-child(3n+5):last-child{grid-column:span 2;aspect-ratio:auto}
}
@media(max-width:760px){
.wp-block-gallery.gal{grid-template-columns:1fr 1fr}
.wp-block-gallery.gal>figure.wp-block-image:first-child{grid-column:1/-1;grid-row:auto;aspect-ratio:4/3}
.wp-block-gallery.gal>figure.wp-block-image:nth-child(2n+2):last-child{grid-column:1/-1;aspect-ratio:16/9}
.wp-block-gallery.gal-few>figure.wp-block-image:only-child{aspect-ratio:4/3}
}
.single-project .entry-content{margin:0}
/* ---------- blog post (design: post.html) ---------- */
.hero-post .hero-in.solo{padding-top:clamp(56px,7vw,96px)}
.hero-post-copy{max-width:60rem}
.hero-post h1{font-size:clamp(2.1rem,4.4vw,3.8rem)}
.sec.pt-post{padding-top:clamp(40px,5vw,72px)}
.art>.body>.entry-content{margin:0}
.share svg,.rail .btn svg{width:16px;height:16px;flex:none}
/* core/details puts the question straight in ; the design's question is an h3 (1.45 line height) */
.prose details.faq>summary{line-height:1.45}
/* ---------- process / contact / privacy ---------- */
.hero-in.solo.tight{padding-bottom:24px}
.hero-in.solo.pb-m{padding-bottom:clamp(32px,4vw,56px)}
.hero-in.solo.pb-s{padding-bottom:clamp(28px,4vw,48px)}
.hero-light .wp-block-term-description{margin:22px 0 0}
.hero-light .wp-block-term-description p{margin:0}
.sec.pt-s{padding-top:24px}
.sec-tight.pt-0,.sec.pt-0{padding-top:0}
.wp-block-group.hero-light .crumbs{margin:0 0 26px}
/* timeline (design: ol.timeline > li); here core groups */
.wp-block-group.timeline>.tl-step{position:relative;padding:0 0 56px}
.wp-block-group.timeline>.tl-step:last-child{padding-bottom:0}
.wp-block-group.timeline>.tl-step::before{content:"";position:absolute;left:-40px;top:.55em;width:15px;height:15px;border-radius:50%;background:var(--paper);border:2px solid var(--brass)}
.wp-block-group.timeline>.tl-step>*{margin:0}
.wp-block-group.timeline .lede{margin:14px 0 1.1em}
.hero .hero-in.solo .hero-copy>.lede:last-child{margin-bottom:1.1em}
.hero.hero-light h1{color:var(--ink)}
.wp-block-group.ct-tl>.tl-step{padding-bottom:26px}
.wp-block-group.ct-tl>.tl-step::before{left:-34px;top:.3em;width:13px;height:13px;background:var(--cream)}
.wp-block-group.ct-tl p{margin:6px 0 0}
.ready-l{margin:20px auto 0}
.ready-l a{color:var(--brass-d)}
/* contact cards: the value line carries the link, stretched over the card */
.ct-card>p{margin:0}
.ct-card::before{content:"";width:42px;height:42px;border-radius:50%;margin-bottom:12px;background:var(--paper) var(--ic) center/18px no-repeat}
.ct-card.ct-call{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%238A5A20' stroke-width='1.6' d='M5 3h3.5l1.8 4.6-2.3 1.5a11 11 0 0 0 6.9 6.9l1.5-2.3L21 15.5V19a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E")}
.ct-card.ct-mail{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%238A5A20' stroke-width='1.6' d='M3 5h18v14H3zM3 6l9 7 9-7'/%3E%3C/svg%3E")}
.ct-card.ct-pin{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%238A5A20' stroke-width='1.6' d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5' fill='none' stroke='%238A5A20' stroke-width='1.6'/%3E%3C/svg%3E")}
.ct-card.ct-wa::before{background-color:#E6F2EC}
.ct-card.ct-wa{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230C6B45' d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.3-.4.7-1.4.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c1.7.7 2.3.8 3.2.7a2.7 2.7 0 0 0 1.8-1.3 2.2 2.2 0 0 0 .2-1.3c-.1-.1-.3-.2-.5-.3z'/%3E%3C/svg%3E")}
.ct-card .ct-v a{color:inherit;text-decoration:none}
.ct-card .ct-v a::after{content:"";position:absolute;inset:0}
.ct-form{position:sticky;top:calc(var(--hdr) + 24px)}
/* one column on phones must not grow to the form's widest child (the 304px reCAPTCHA): minmax(0,1fr), not 1fr */
.grid-2>*{min-width:0}
@media(max-width:860px){.grid-2,.ct-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:400px){.formcard .wpcf7-form-control-wrap:has(.g-recaptcha){height:68px}}
/* press strip (design: div > b + span) */
.press>.pr{padding:34px 24px;border-left:1px solid var(--line);text-align:center}
.press>.pr:first-child{border-left:0}
.press .pr-b{margin:0;font:400 1.25rem/1.2 var(--disp);color:var(--ink)}
.press .pr-s{margin:8px 0 0;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
/* locations hub note: pin and phone icons (the design used an SVG sprite; here CSS masks on inner pseudo-elements) */
.hub-note .ct-ic::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:var(--i-pin) center/contain no-repeat;mask:var(--i-pin) center/contain no-repeat}
.hub-note .btn{gap:8px}
.hub-note .btn::before{content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:var(--i-phone) center/contain no-repeat;mask:var(--i-phone) center/contain no-repeat}
/* light hero band for blog/archives/plain pages */
.hero-light-band{background:var(--paper);padding:clamp(56px,7vw,96px) 0 clamp(28px,4vw,48px)}
.hero-light-band h1{font-size:clamp(2.4rem,5.2vw,4.6rem);color:var(--ink);margin:0}
.hero-light-band .lede,.hero-light-band .wp-block-term-description{margin-top:18px;color:var(--stone);max-width:38em;font-size:clamp(1.05rem,1.4vw,1.2rem)}
.hero-light-band .wp-block-term-description p{margin:0}
.blog-list{padding-top:0}
.bgrid .wp-block-post-title{font:600 1.15rem/1.35 var(--body)}
.wp-block-query-pagination{display:flex;gap:14px;justify-content:center;margin-top:48px;font-weight:600}
.wp-block-query-pagination a{color:var(--ink);text-decoration:none}
.wp-block-query-pagination .current{color:var(--brass-d)}
.narrow-body{padding-top:24px}
/* editor: show sections full width (WYSIWYG) */
.editor-styles-wrapper .is-root-container>.wp-block,.editor-styles-wrapper .is-root-container>*{max-width:none!important;margin-left:0!important;margin-right:0!important}
.editor-styles-wrapper .wp-block-piper-lead-form .fstep{display:block}
/* cost guides: Next step card (design: railcard padding 32px, links in columns) */
.railcard.ns-card{padding:32px}
.railcard ul.ns-cols{columns:3;column-gap:28px}
.railcard ul.ns-cols li{break-inside:avoid}
.railcard.ns-card>ul.ns-cols{margin-bottom:16px}
@media(max-width:900px){.railcard ul.ns-cols{columns:1}}
/* 404 (design: hero-in solo, min-height 62vh, centred) */
.hero .hero-in.solo.h404{min-height:62vh;align-items:center}
/* phones: long URLs and long words in article links and table cells wrap instead of widening the page */
@media(max-width:620px){.prose a,.prose li,.prose p,.prose td,.prose th{overflow-wrap:anywhere}}
/* process steps: alternating timeline (option F). Centre line, steps alternate left and right; one line on tablet/phone */
.wp-block-group.ptl{max-width:1040px;margin:0 auto;position:relative}
.wp-block-group.ptl::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--line-2)}
.wp-block-group.ptl>.ptl-step{position:relative;width:50%;margin:0;padding:0 56px 56px 0;text-align:right}
.wp-block-group.ptl>.ptl-step:nth-child(even){margin-left:50%;padding:0 0 56px 56px;text-align:left}
.wp-block-group.ptl>.ptl-step:last-child{padding-bottom:0}
.wp-block-group.ptl>.ptl-step::before{content:"";position:absolute;top:6px;right:-9px;width:17px;height:17px;border-radius:50%;background:var(--white);border:2px solid var(--brass)}
.wp-block-group.ptl>.ptl-step:nth-child(even)::before{right:auto;left:-8px}
.wp-block-group.ptl>.ptl-step>*{margin:0}
.ptl .ptl-t{font:400 clamp(1.3rem,1.9vw,1.6rem)/1.2 var(--disp);color:var(--text)}
.ptl .ptl-t em{display:block;margin:0 0 8px;font:italic 500 2rem/1 var(--serif);text-transform:none;color:var(--brass)}
.ptl .ptl-d{margin:12px 0 0 auto!important;max-width:30em;color:var(--stone);line-height:1.65}
.ptl>.ptl-step:nth-child(even) .ptl-d{margin-left:0!important}
@media(max-width:960px){
.wp-block-group.ptl::before{left:8px}
.wp-block-group.ptl>.ptl-step,.wp-block-group.ptl>.ptl-step:nth-child(even){width:auto;margin-left:0;padding:0 0 40px 44px;text-align:left}
.wp-block-group.ptl>.ptl-step::before,.wp-block-group.ptl>.ptl-step:nth-child(even)::before{left:0;right:auto}
.ptl .ptl-d{margin-left:0!important}
}
/* articles: the author box sits above the content (2026-10-09) */
.art .body>.author{margin:0 0 28px}
.art .body>.author+.prose{margin-top:0}
.art .body>.author+.prose>:first-child{margin-top:0!important}
/* articles: share links also at the top of the sidebar, under the title cut to 2 lines (option E);
on phones the sidebar follows the article, which already ends with them */
.rail .share-rail{margin:0;border-left:2px solid var(--brass);padding:2px 0 2px 18px}
.share-rail .share-t{margin:0;font:400 1.08rem/1.35 var(--disp);color:var(--ink);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.share-rail .share{margin:12px 0 0;gap:4px}
.share-rail .share a:first-of-type{margin-left:8px}
.share-rail .share a,.share-rail .share button{width:32px;height:32px;border:0;color:var(--stone);transition:color .2s}
.share-rail .share a:hover,.share-rail .share button:hover{color:var(--brass-d)}
@media(max-width:900px){.rail .share-rail{display:none}}
/* articles: the related-articles / related-services boxes drop their top rule; the line closing the block above
(FAQ, previous list) already separates them, and two rules 40px apart read as a double border */
.art .prose .pca-related-articles,.art .prose .pca-related-services{border-top:0!important;padding-top:0!important}
/* articles: phone and WhatsApp icons on the call strips and mid-article call bands whose buttons came over from live
without an icon (drawn in CSS so the copied text stays as on live) */
.prose :is(.pcp-strip .lnk,.ss-midcta .b) a:is([href^="tel:"],[href*="wa.me"]):not(:has(svg))::before{content:"";width:16px;height:16px;flex:none;margin-right:10px;background:currentColor;-webkit-mask:var(--pc-ic) center/contain no-repeat;mask:var(--pc-ic) center/contain no-repeat}
.prose :is(.pcp-strip .lnk,.ss-midcta .b) a[href^="tel:"]{--pc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.8a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.8 2.1z'/%3E%3C/svg%3E")}
.prose :is(.pcp-strip .lnk,.ss-midcta .b) a[href*="wa.me"]{--pc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.3-.4.7-1.4.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c1.7.7 2.3.8 3.2.7a2.7 2.7 0 0 0 1.8-1.3 2.2 2.2 0 0 0 .2-1.3c-.1-.1-.3-.2-.5-.3z'/%3E%3C/svg%3E")}
/* articles: white text (and icon) on the brass Call buttons; an ss-* output plugin sets them dark with !important */
.prose .pcp-strip .lnk a[href^="tel:"],.prose .pcp-btns a.pcp-b.call,.prose .ss-midcta .b a.c{color:#fff!important}
/* phone and WhatsApp icons on every call button that came without one (page buttons without has-ic, e.g. thank-you;
calculator actions); the icon comes from the link itself */
a[href^="tel:"]{--pc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.8a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.8 2.1z'/%3E%3C/svg%3E")}
a[href*="wa.me"]{--pc-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.2l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8 1-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.3-.4.7-1.4.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c1.7.7 2.3.8 3.2.7a2.7 2.7 0 0 0 1.8-1.3 2.2 2.2 0 0 0 .2-1.3c-.1-.1-.3-.2-.5-.3z'/%3E%3C/svg%3E")}
.wp-block-button:not(.has-ic)>.wp-block-button__link:is([href^="tel:"],[href*="wa.me"]):not(:has(svg)),.acts a:is([href^="tel:"],[href*="wa.me"]):not(:has(svg)){display:inline-flex;align-items:center;justify-content:center;gap:10px}
.wp-block-button:not(.has-ic)>.wp-block-button__link:is([href^="tel:"],[href*="wa.me"]):not(:has(svg))::before,.acts a:is([href^="tel:"],[href*="wa.me"]):not(:has(svg))::before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:var(--pc-ic) center/contain no-repeat;mask:var(--pc-ic) center/contain no-repeat}
/* mobile menu in two levels (theme.js): first screen = top items, the arrow slides in that item's own screen with Back */
.main-nav .pc-dd,.main-nav .pc-back{display:none}
.main-nav .is-menu-open .wp-block-navigation__container>.has-child{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:stretch!important}
.main-nav .is-menu-open .wp-block-navigation__container>.has-child>.wp-block-navigation-item__content{flex:1 1 0;min-width:0;width:auto!important}
.main-nav .is-menu-open .wp-block-navigation__container>.has-child>.wp-block-navigation__submenu-container{flex:0 0 100%}
.main-nav .is-menu-open .pc-dd{display:grid;place-items:center;width:52px;flex:none;padding:0;margin:0;background:none;border:0;border-bottom:1px solid var(--line-d);color:var(--brass-2);cursor:pointer}
.main-nav .is-menu-open .pc-dd svg{width:22px;height:22px}
.main-nav .is-menu-open .wp-block-navigation__container>.has-child:not(.pc-open)>.wp-block-navigation__submenu-container{display:none!important}
.main-nav .is-menu-open .wp-block-navigation__container.pc-drill>.wp-block-navigation-item:not(.pc-open){display:none!important}
.main-nav .is-menu-open .pc-open>.pc-dd{display:none}
.main-nav .is-menu-open .pc-open>.pc-back{display:inline-flex;align-items:center;gap:8px;flex:0 0 100%;padding:4px 0 14px;margin:0;background:none;border:0;color:var(--brass-2);font:600 .72rem/1 var(--body);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;text-align:left}
.main-nav .is-menu-open .pc-back svg{width:18px;height:18px}
.main-nav .is-menu-open .pc-dd:focus-visible,.main-nav .is-menu-open .pc-back:focus-visible{outline:2px solid var(--brass-2);outline-offset:2px}
.main-nav .is-menu-open .pc-open{animation:pc-slide-in .28s ease both}
.main-nav .is-menu-open .wp-block-navigation__container.pc-in:not(.pc-drill){animation:pc-slide-back .28s ease both}
@keyframes pc-slide-in{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
@keyframes pc-slide-back{from{transform:translateX(-40px);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.main-nav .is-menu-open .pc-open,.main-nav .is-menu-open .wp-block-navigation__container.pc-in{animation:none}}
/* mobile menu, second screen: links stacked in one column */
.main-nav .is-menu-open .wp-block-navigation__submenu-container{grid-template-columns:1fr!important}
.main-nav .is-menu-open .pc-open .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{padding:11px 0;border-bottom:1px solid var(--line-d);width:100%}
.main-nav .is-menu-open .wp-block-navigation__container>.pc-open>.wp-block-navigation-item__content{flex:0 0 100%}
/* copy link tooltip (theme.js) */
.share [data-copy]{position:relative}
.share [data-copy].is-copied::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%);background:var(--ink);color:var(--cream);font:600 .7rem/1 var(--body);letter-spacing:.06em;padding:8px 11px;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:5}
.share [data-copy].is-copied::before{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--ink);border-bottom:0;pointer-events:none;z-index:5}
/* blog and related cards: the text keeps to three lines */
.bcard p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
/* tables: room inside every cell (the hover band no longer touches the text), a scroller for every table, and
wide tables that scroll sideways on phones and tablets instead of squeezing */
.pc-tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.6em 0;scrollbar-width:thin;scrollbar-color:var(--brass) transparent}
.prose th,.prose td,.page-content th,.page-content td{padding:16px 18px;line-height:1.6}
.prose th,.page-content th{padding-top:14px;padding-bottom:12px;line-height:1.3}
.prose .wp-block-table table,.pc-tblwrap table{margin:0}
@media(max-width:1024px){
.prose table.pc-wide,.page-content table.pc-wide{min-width:760px}
.prose table.pc-wide td,.prose table.pc-wide th,.page-content table.pc-wide td,.page-content table.pc-wide th{overflow-wrap:normal;min-width:110px}
}
@media(max-width:620px){.prose th,.prose td,.page-content th,.page-content td{padding:13px 14px}}
/* tables, round 2: smaller type and tighter leading so long cells read in fewer lines, light zebra rows,
a wider first column (names do not break), stronger hover */
.prose table,.page-content table{font-size:.9rem}
.prose td,.page-content td{padding:14px 16px;line-height:1.55}
.prose th,.page-content th{padding:12px 16px 11px}
.prose tbody tr:nth-child(even) td,.page-content tbody tr:nth-child(even) td{background:rgba(168,118,60,.035)}
.prose tbody tr:hover td,.page-content tbody tr:hover td{background:rgba(168,118,60,.08)}
.prose td:first-child,.page-content td:first-child{min-width:110px;font-weight:600}
@media(max-width:620px){.prose td,.page-content td{padding:12px 13px}}