
/* ===== Theme B: espresso & cognac ===== */
@font-face{font-family:"Playfair Display";src:url("fonts/playfair-latin.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
:root{--dark:#2A1E17;--ink:#2A1E17;--ink2:#6B5A4D;--accent:#C4925A;--accent-w:#8A5A2E;--panel:#EFE6D6;--line:#E2D5BF;--gold:#C8A96A;--char:#3B2A20;--r:6px;--serif:"Playfair Display",Georgia,"Times New Roman",serif}
html{background:#2A1E17}
body{background:#F6F1E7;color:var(--ink)}
a{color:var(--accent-w)}
h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.01em;line-height:1.12}
h1{font-size:clamp(2.1rem,6.4vw,3.7rem)}
h3{font-weight:700}
.site-header{background:rgba(42,30,23,.96);border-bottom:1px solid rgba(200,169,106,.25)}
.nav a{color:#e6dccb}
.hero::before{display:none}
.hero-bg::after{background:linear-gradient(180deg,rgba(32,22,16,.55) 0%,rgba(32,22,16,.72) 45%,rgba(32,22,16,.94) 100%)}
.eyebrow{border:0;padding:0 0 0 34px;position:relative;color:#e9dcc4;letter-spacing:.2em;font-size:.74rem}
.eyebrow::before{content:"";position:absolute;left:0;top:50%;width:24px;height:1px;background:var(--gold)}
.accent{color:#D9AE79;font-style:italic}
.lede,.hero-note{color:#e6dccb}
.btn{border-radius:4px}
.btn-accent{background:#C4925A;color:#1E140E}
.btn-accent:hover{background:#d3a26a}
.btn-ghost{border-color:rgba(230,220,203,.45)}
.btn-dark{background:#2A1E17}
.btn-outline{border-color:#8A5A2E;color:#2A1E17;background:transparent}
.btn-gold{background:var(--gold);color:#1E140E}
.kicker{color:#8A5A2E;letter-spacing:.2em;font-size:.74rem}
.kicker-accent{color:#D9AE79}
.band-panel{background:#EFE6D6}
.report-card{background:#FBF8F2}
.rc-dot{background:#B07A45;box-shadow:0 0 0 5px rgba(176,122,69,.2)}
.ck,.checklist .ck{color:#8A5A2E}
.offer-strip{background:#3B2A20;color:#F6F1E7;border-top:1px solid rgba(200,169,106,.35);border-bottom:1px solid rgba(200,169,106,.35)}
.pill{background:var(--gold);color:#2A1E17}
.offer-link{color:#E2BE8B}
.card,.why,.price,.contact-card{background:#FBF8F2;border-color:#E2D5BF}
.checklist li{background:#F6F1E7;border:1px solid #E2D5BF}
.band-panel .checklist li{background:#FBF8F2}
.more{color:#8A5A2E}
.num{color:#B07A45;font-family:var(--serif);font-size:1.1rem}
.why{border-top:1px solid var(--gold)}
.price-feature{border:1.5px solid #B07A45}
.offer-note .pill{background:#8A5A2E;color:#fff}
.band-premium{background:#2A1E17;color:#f1e8d8}
.band-premium .lede{color:#d8cbb4}
.prem-prices{background:#221811}
.checklist-gold li{background:rgba(255,255,255,.04)}
.steps li{background:#3B2A20;border-color:#4a372a}
.steps p{color:#d8cbb4}
.step-n{background:#C4925A;color:#1E140E;font-family:var(--serif)}
.boroughs li{background:#FBF8F2;border-color:#E2D5BF}
a.contact-line .cl-value{color:#8A5A2E}
.site-footer{background:#2A1E17;color:#cbbda6}
.dba,.illus{color:#a8977f}
.mobile-bar{background:rgba(42,30,23,.97);border-top-color:#4a372a}
.mobile-bar a{border-color:#5a4535}
.mobile-bar .mb-primary{background:#C4925A;color:#1E140E;border-color:#C4925A}
:focus-visible{outline-color:#B07A45}
figcaption{background:rgba(42,30,23,.82);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}
.feature-photo,.side-photo,.premium-photo{border-radius:6px}
.premium-photo::after{border-radius:6px}

/* pass 2: let the lobby show on phones */
.hero{padding-top:200px}
@media (min-width:960px){.hero{padding-top:120px}}
.hero-bg::after{background:linear-gradient(180deg,rgba(32,22,16,.15) 0%,rgba(32,22,16,.42) 22%,rgba(32,22,16,.86) 46%,rgba(32,22,16,.95) 100%)}
@media (min-width:960px){.hero-bg::after{background:linear-gradient(90deg,rgba(32,22,16,.9) 0%,rgba(32,22,16,.7) 45%,rgba(32,22,16,.25) 100%)}}
.hero-bg img{object-position:35% 0}
@media (min-width:960px){.hero-bg img{object-position:50% 50%}}
.hero-bg{height:100%}

/* pass 3: on phones the lobby photo is its own crisp block above the headline */
@media (max-width:959px){
  .hero{padding-top:0}
  .hero-bg{position:relative;inset:auto;z-index:0;height:auto;aspect-ratio:16/10;margin-bottom:-28px}
  .hero-bg img{object-position:40% 55%}
  .hero-bg::after{background:linear-gradient(180deg,rgba(0,0,0,0) 55%,#2A1E17 100%)}
}

/* ===== pass 4 (Oct 14): gold leads, espresso + beige support ===== */
:root{--ink:#2A1E17;--ink2:#5A4636;--line:#CDB58C;--panel:#E9DCC6;--gold:#C8A96A;--gold-d:#8C6A2F;--gold-t:#7A5A26;--esp:#2A1E17;--esp-d:#1E140E;--cream:#F4ECDF;--card:#FBF7F0;--accent:#C8A96A;--accent-w:#7A5A26}
body{background:var(--cream);color:var(--ink)}
a{color:var(--gold-t)}
h3{color:var(--esp)}
.section h2{color:var(--gold-d)}
.kicker{color:var(--gold-t);font-weight:700}
p{color:inherit}
/* header: espresso with gold logo + gold rule */
.site-header{background:rgba(30,20,14,.97);border-bottom:1px solid rgba(200,169,106,.55)}
.site-header .logo{height:44px;width:auto;display:block}
@media (min-width:960px){.site-header .logo{height:52px}}
.nav a{color:#E9DCC6}
.nav a:hover{color:var(--gold)}
/* gold buttons, espresso letters */
.btn-accent,.btn-gold,.mobile-bar .mb-primary{background:linear-gradient(180deg,#DCC28C 0%,#C8A96A 52%,#B8934F 100%);color:var(--esp-d);border-color:#B8934F;font-weight:700}
.btn-accent:hover,.btn-gold:hover{background:linear-gradient(180deg,#E4CC98 0%,#D1B375 52%,#C09B57 100%)}
.btn-dark{background:var(--esp);color:var(--gold);border:1px solid var(--esp)}
.btn-dark:hover{background:#3B2A20}
.btn-outline{border-color:#B8934F;color:var(--esp);background:transparent}
.btn-ghost{color:#F4ECDF;border-color:rgba(200,169,106,.6)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}
/* hero: espresso band, metallic gold headline */
.hero.band-dark{background:var(--esp)}
.hero h1,.band-dark h2,.band-premium h2{color:var(--gold);background:linear-gradient(180deg,#EAD6A4 0%,#CDAF6F 50%,#A98640 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
.hero h1 .accent{color:#F4ECDF;-webkit-text-fill-color:#F4ECDF;background:none;font-style:italic}
.eyebrow{color:#E9DCC6}
.lede,.hero-note{color:#E9DCC6}
.hero-note strong{color:var(--gold)}
.band-dark .kicker,.band-premium .kicker,.kicker-accent{color:var(--gold)}
/* offer strip: sand with gold rules */
.offer-strip{background:var(--panel);color:var(--esp);border-top:1px solid #C8A96A;border-bottom:1px solid #C8A96A}
.offer-strip p,.offer-strip strong{color:var(--esp)}
.pill{background:var(--gold);color:var(--esp-d)}
.offer-link{color:var(--gold-t);text-decoration:underline;text-decoration-color:rgba(122,90,38,.45);text-underline-offset:3px}
/* light content */
.band-panel{background:var(--panel)}
.card,.why,.price,.contact-card,.report-card{background:var(--card);border-color:var(--line)}
.band-panel .card,.band-panel .why,.band-panel .price,.band-panel .contact-card{background:#F8F1E4}
.checklist li{background:var(--card);border:1px solid var(--line)}
.band-panel .checklist li{background:#F8F1E4}
.why{border-top:2px solid var(--gold)}
.price-feature{border:1.5px solid #B8934F;box-shadow:0 18px 40px -24px rgba(42,30,23,.45)}
.num,.ck,.checklist .ck{color:var(--gold-d)}
.more,a.contact-line .cl-value{color:var(--gold-t)}
.offer-note .pill{background:var(--esp);color:var(--gold)}
.boroughs li{background:var(--card);border-color:var(--line)}
.rc-dot{background:var(--gold);box-shadow:0 0 0 5px rgba(200,169,106,.25)}
/* dark bands: premium + how */
.band-premium{background:var(--esp-d);color:#F1E8D8;border-top:1px solid rgba(200,169,106,.4);border-bottom:1px solid rgba(200,169,106,.4)}
.band-premium .lede{color:#DCCDB4}
.prem-prices{background:#2A1E17;border:1px solid rgba(200,169,106,.35)}
.chips li{border-color:rgba(200,169,106,.6)}
.section.band-dark{background:var(--esp)}
.steps li{background:#3B2A20;border-color:rgba(200,169,106,.3)}
.steps h3{color:#F4ECDF}
.steps p{color:#DCCDB4}
.step-n{background:var(--gold);color:var(--esp-d)}
/* footer */
.site-footer{background:var(--esp-d);color:#CBBDA6;border-top:1px solid rgba(200,169,106,.45)}
.site-footer .logo{height:60px;width:auto}
.site-footer a{color:#E9DCC6}
.dba,.illus{color:#AE9C82}
.mobile-bar{background:rgba(30,20,14,.97);border-top:1px solid rgba(200,169,106,.45)}
.mobile-bar a{color:#F4ECDF;border-color:rgba(200,169,106,.4)}
figcaption{background:rgba(30,20,14,.84);color:#F4ECDF;border:1px solid rgba(200,169,106,.45)}
:focus-visible{outline-color:var(--gold)}

.band-premium .checklist li,.checklist-gold li{background:rgba(244,236,223,.05);border:1px solid rgba(200,169,106,.35);color:#F1E8D8}
.band-premium .checklist .ck,.checklist-gold .ck{color:var(--gold)}

.site-header .logo{height:34px}
@media (min-width:960px){.site-header .logo{height:42px}}
.site-footer .logo{height:64px}

@media (min-width:960px){#turnovers .price-grid{grid-template-columns:repeat(2,1fr);max-width:880px}}
.quoted{margin-top:auto;padding-top:14px;color:var(--ink2);font-weight:600}

.hero .subhead{font-size:1.14rem;line-height:1.5;color:#F4ECDF;font-weight:500;margin:14px 0 12px;max-width:44ch;padding-left:14px;border-left:2px solid var(--gold)}
.hero .lede{font-size:1rem;color:#DCCDB4}
@media (min-width:960px){.hero .subhead{font-size:1.25rem}}

/* Safety & Standards */
.safety-intro{max-width:58ch;margin-top:-4px}
.safety-grid{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:0;border-top:1px solid rgba(184,147,79,.55)}
.safety-item{display:flex;gap:18px;align-items:flex-start;padding:24px 4px;border-bottom:1px solid rgba(184,147,79,.35)}
.safety-ico{flex:0 0 auto;width:44px;height:44px;color:#B8934F;display:flex;align-items:center;justify-content:center;border:1px solid rgba(184,147,79,.6);border-radius:50%}
.safety-ico svg{width:26px;height:26px}
.safety-item h3{font-family:var(--serif);font-weight:500;font-size:1.14rem;color:#2A1E17;margin:2px 0 6px;letter-spacing:.005em}
.safety-item p{margin:0;color:#5A4636;font-size:.97rem;line-height:1.6}
@media (min-width:700px){.safety-grid{grid-template-columns:repeat(2,1fr);column-gap:48px}}
@media (min-width:1040px){.safety-grid{grid-template-columns:repeat(3,1fr);column-gap:44px}.safety-item{padding:30px 4px}}

/* Who we serve */
.serve{margin-top:56px}
.serve-title{font-family:var(--serif);font-weight:500;font-size:1.45rem;color:#8C6A2F;margin:0 0 18px;padding-top:28px;border-top:1px solid rgba(184,147,79,.55)}
.serve-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:14px}
.serve-item{border:1px solid #CDB58C;border-radius:var(--r);padding:22px 22px 20px;background:#FBF7F0;display:flex;flex-direction:column}
.serve-item h3{font-family:var(--serif);font-weight:500;font-size:1.12rem;color:#2A1E17;margin:0 0 8px}
.serve-item p{margin:0;color:#5A4636;font-size:.95rem;line-height:1.6}
.serve-item .serve-price{margin-top:auto;padding-top:14px;color:#7A5A26;font-weight:600;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase}
@media (min-width:700px){.serve-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1040px){.serve-grid{grid-template-columns:repeat(4,1fr)}}

/* round 2: serve strip, plans, report */
.serve-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.serve-list li{border:1px solid #CDB58C;border-radius:999px;padding:8px 16px;font-size:.92rem;color:#2A1E17;background:#FBF7F0}
.serve-line{margin:18px 0 0;font-family:var(--serif);font-style:italic;font-size:1.12rem;color:#3B2A20;max-width:60ch;line-height:1.5}
@media (min-width:960px){#services .cards{grid-template-columns:repeat(3,1fr)}}
.plan{position:relative}
.plan-tag{position:absolute;top:-11px;left:24px;background:#2A1E17;color:#C8A96A;font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:5px 12px;border-radius:999px}
.plan h3{font-family:var(--serif);font-weight:500}
.plan-pos{margin:4px 0 14px;color:#5A4636;font-style:italic;font-family:var(--serif);font-size:1rem;line-height:1.45}
.plan-incl{margin:14px 0 0;color:#5A4636;font-size:.92rem;line-height:1.55}
.plan .more{display:inline-block;margin-top:12px}
.also-quote{list-style:none;margin:22px 0 0;padding:0;border-top:1px solid rgba(184,147,79,.55)}
.also-quote li{display:flex;justify-content:space-between;gap:16px;padding:14px 2px;border-bottom:1px solid rgba(184,147,79,.35);color:#2A1E17;font-size:.97rem}
.also-quote li span:last-child{color:#7A5A26;font-weight:600;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;align-self:center}
.report-num{font-family:var(--serif);font-size:1rem;color:#8C6A2F;letter-spacing:.02em}
@media (min-width:1040px){.report-grid{grid-template-columns:repeat(4,1fr);column-gap:32px}}

.plan-freq{margin:0 0 4px;color:#7A5A26;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.plan dl div{align-items:center}
.plan dt{display:flex;flex-direction:column;line-height:1.3}
.plan-size{font-size:.8rem;font-weight:400;color:#6B5A4D}
.plan-size:empty{display:none}
.plan dd{white-space:nowrap}

.serve-photos{display:grid;grid-template-columns:1fr;gap:14px;margin-top:22px}
.serve-photo{margin:0;position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:16/9;background:#E9DCC6}
.serve-photo img{width:100%;height:100%;object-fit:cover;display:block}
@media (min-width:700px){.serve-photos{grid-template-columns:1fr 1fr}}

/* round 3: promise, expertise, 4 steps */
.promise{text-align:center;padding-top:72px;padding-bottom:72px;border-top:1px solid rgba(200,169,106,.35);border-bottom:1px solid rgba(200,169,106,.35)}
.promise-line{font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,6.4vw,3rem);line-height:1.22;margin:0 auto;max-width:22ch;color:#C8A96A;background:linear-gradient(180deg,#EAD6A4 0%,#CDAF6F 50%,#A98640 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.promise-sub{margin:20px auto 0;color:#DCCDB4;font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;max-width:40ch;line-height:1.7}
.expert-grid{list-style:none;margin:34px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:14px}
.expert-card{border:1px solid #CDB58C;border-top:2px solid #B8934F;border-radius:var(--r);padding:24px 22px;background:#FBF7F0}
.expert-card h3{font-family:var(--serif);font-weight:500;font-size:1.15rem;color:#2A1E17;margin:0 0 12px}
.expert-card ul{list-style:none;margin:0;padding:0}
.expert-card ul li{position:relative;padding:7px 0 7px 22px;color:#5A4636;font-size:.95rem;line-height:1.5;border-top:1px solid rgba(184,147,79,.22)}
.expert-card ul li:first-child{border-top:0}
.expert-card ul li::before{content:"";position:absolute;left:0;top:17px;width:12px;height:1px;background:#B8934F}
@media (min-width:700px){.expert-grid{grid-template-columns:repeat(2,1fr)}.steps-4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1040px){.expert-grid{grid-template-columns:repeat(4,1fr)}.steps-4{grid-template-columns:repeat(4,1fr)}}
