/* NE Landscapers stylesheet (Referral Site Starter Kit base). Re-brand by changing the tokens in :root.
   Class contract used by inc/ and the page templates: hdr brand nav btn ghost hb hero card qf row hp ferr crumbs ticks ctas edge
   sec alt wrap prose kicker two split aside callbox num checks grid3 svc nb-grid nb-card link cta photo-pair photo wide
   towns tile region-h faq note band mbar center mx-auto mt-m mt-l nw opt */
:root{
  --ink:#16201a;--ink-2:#2b382f;--muted:#4c5a50;--line:#dce3dd;
  --bg:#ffffff;--bg-2:#f3f2ec;--slate:#1e2b24;--slate-2:#2b3d32;
  --accent:#9a4a1c;--accent-d:#7f3c16;--ok:#2f7d4f;--tint:#fbf4ec;
  --r:10px;--max:1120px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:18px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg)}
img,svg{max-width:100%;display:block}
a{color:var(--accent-d)}
h1,h2,h3{line-height:1.2;color:var(--ink);margin:0 0 .6em}
h1{font-size:clamp(2.1rem,4.6vw,3.2rem);letter-spacing:-.02em}
h2{font-size:clamp(1.55rem,3vw,2.15rem);letter-spacing:-.01em}
h3{font-size:1.22rem}
p{margin:0 0 1em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:99}
.nw,a[href^="tel:"]{white-space:nowrap}
.center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.mt-m{margin-top:24px}.mt-l{margin-top:34px}

/* header */
.hdr{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-size:1.15rem;white-space:nowrap}
.brand img{width:181px;height:48px}
.nav{display:flex;align-items:center;gap:22px}
.nav a{color:var(--ink-2);text-decoration:none;font-weight:600;font-size:.95rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff!important;text-decoration:none;font-weight:700;padding:12px 20px;border-radius:var(--r);border:0;cursor:pointer;font-size:1rem;line-height:1.2}
.btn:hover{background:var(--accent-d)}
.btn.ghost{background:transparent;border:2px solid #fff}
.hb .sm{display:none}
@media(max-width:820px){.nav .nl{display:none}}
@media(max-width:560px){.hb .lg{display:none}.hb .sm{display:inline}.hb{padding:10px 14px}.brand img{width:151px;height:40px}.hero .ctas .btn{width:100%}}

/* hero (shared background photo site-wide: hero.webp / hero-sm.webp) */
.hero{background:linear-gradient(100deg,rgba(18,28,22,.9) 0%,rgba(18,28,22,.72) 45%,rgba(18,28,22,.35) 100%),url(/assets/img/hero.webp) center/cover no-repeat,linear-gradient(160deg,var(--slate),var(--slate-2));color:#e8edf2;position:relative;overflow:hidden}
@media(max-width:760px){.hero{background-image:linear-gradient(100deg,rgba(18,28,22,.9) 0%,rgba(18,28,22,.78) 60%,rgba(18,28,22,.55) 100%),url(/assets/img/hero-sm.webp)}}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding-top:56px;padding-bottom:64px;position:relative;z-index:1}
.hero h1{color:#fff}
.hero .lede{font-size:1.2rem;color:#e6ebf0;max-width:40em}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 18px}
.hero .ticks{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:1rem;color:#dfe5ec}
.hero .ticks li::before{content:"✓ ";color:#e7b27a;font-weight:700}
.crumbs{font-size:.85rem;color:#c9d1da;margin-bottom:10px}.crumbs a{color:#fff}
.edge{position:absolute;left:0;right:0;bottom:-1px;height:60px;width:100%;z-index:0;opacity:.18}
@media(max-width:900px){.hero .wrap{grid-template-columns:1fr;padding-top:38px;padding-bottom:48px}}

/* form card */
.card{background:#fff;color:var(--ink);border-radius:14px;padding:24px;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.card h2{font-size:1.3rem;margin-bottom:.3em}
.card .sub{color:var(--muted);font-size:.92rem;margin-bottom:14px}
.qf label{display:block;font-weight:600;font-size:.95rem;margin:10px 0 4px}
.qf input,.qf select,.qf textarea{width:100%;font:inherit;font-size:16px;padding:11px 12px;border:1px solid #c9d0d8;border-radius:8px;background:#fff;color:var(--ink)}
.qf input:focus,.qf select:focus,.qf textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}
.qf textarea{min-height:84px;resize:vertical}
.qf .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qf .btn{width:100%;margin-top:16px;padding:14px}
.qf .fine{font-size:.78rem;color:var(--muted);margin:10px 0 0}
.opt{font-weight:400;color:#5f6b7a}
.hp{position:absolute!important;left:-5000px!important;width:1px;height:1px;overflow:hidden}
.ferr{display:none;margin-bottom:8px}.ferr.show{display:block}
@media(max-width:420px){.qf .row{grid-template-columns:1fr}}

/* sections */
.sec{padding:64px 0}
.sec.alt{background:var(--bg-2)}
.kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:var(--accent-d);margin-bottom:8px}
.prose{max-width:46em}
.prose ul{padding-left:1.2em}.prose li{margin:.3em 0}
.two{display:grid;grid-template-columns:1.25fr .75fr;gap:44px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
@media(max-width:900px){.two,.split{grid-template-columns:1fr;gap:28px}.sec{padding:46px 0}}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.grid3{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.grid3{grid-template-columns:1fr}}
.svc{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.svc .ph{aspect-ratio:16/10;width:100%;height:auto;object-fit:cover;background:#d9d4cc}
.svc .bd{padding:18px 20px 20px}
.svc .bd p{margin:0;font-size:1rem;color:var(--ink-2)}
a.svc.link{display:block;text-decoration:none;color:inherit;transition:border-color .15s}
a.svc.link:hover{border-color:var(--accent)}
.grid3>.nb-card.cta{display:flex;flex-direction:column;justify-content:center}
.checks{list-style:none;padding:0;margin:0}
.checks li{position:relative;padding:0 0 0 30px;margin:0 0 14px}
.checks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--ok);font-weight:800}
.checks li strong{display:block}

/* sidebar */
.aside{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;align-self:start}
.aside ul{padding-left:1.1em}
.callbox{background:var(--slate);color:#dfe5ec;border-radius:var(--r);padding:18px;margin-top:18px;font-weight:600}
.callbox .num{display:block;color:#fff;font-size:1.4rem;font-weight:800;text-decoration:none;margin:4px 0}
.callbox p{font-size:.9rem;font-weight:400;margin:0}

/* cards + photos */
.nb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media(max-width:900px){.nb-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.nb-grid{grid-template-columns:1fr}}
.nb-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px}
.nb-card h3{scroll-margin-top:90px}
.nb-card p{margin:0;font-size:1rem;color:var(--ink-2)}
a.nb-card.link{text-decoration:none;color:inherit;transition:border-color .15s}
a.nb-card.link:hover{border-color:var(--accent)}
.nb-card.cta{background:var(--slate);border-color:var(--slate);color:#dfe5ec}
.nb-card.cta h3{color:#fff}.nb-card.cta p{color:#c9d1da;margin-bottom:12px}
.nb-card.cta .num{display:block;color:#fff;font-size:1.35rem;font-weight:800;text-decoration:none;margin:4px 0 8px}
.photo{border-radius:14px;aspect-ratio:4/3;width:100%;height:auto;object-fit:cover;background:#d9d4cc;box-shadow:0 12px 30px rgba(0,0,0,.12)}
.photo.wide{aspect-ratio:16/10;box-shadow:0 8px 22px rgba(0,0,0,.10)}
.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.photo-pair figure{margin:0}
@media(max-width:620px){.photo-pair{grid-template-columns:1fr}}

/* town tiles */
.towns{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.towns a,.towns .tile{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;font-weight:700;text-decoration:none;color:var(--ink)}
.towns a{color:var(--accent-d)}.towns a:hover{border-color:var(--accent)}
.region-h{margin:28px 0 12px}

/* faq */
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:700;padding:16px 28px 16px 0;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:12px;font-size:1.4rem;color:var(--accent)}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--ink-2)}
.note{background:var(--tint);border-left:4px solid var(--accent);padding:14px 16px;border-radius:6px;font-size:.95rem;color:var(--ink-2)}

/* band + footer + mobile bar */
.band{background:var(--accent);color:#fff}
.band .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:30px;padding-bottom:30px}
.band h2{color:#fff;margin:0;font-size:1.5rem}
.band .btn{background:#fff;color:var(--accent-d)!important}
footer{background:var(--slate);color:#aeb8c3;font-size:.92rem;padding:44px 0 90px}
footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}
footer .fh{color:#fff;margin:0 0 10px;font-size:.95rem}
footer a{color:#dfe5ec;text-decoration:none}
footer ul{list-style:none;padding:0;margin:0}footer li{margin:4px 0}
footer .disc{border-top:1px solid #3a4756;margin-top:28px;padding-top:18px;font-size:.82rem;color:#9aa5b1}
footer .disc a{text-decoration:underline}
@media(max-width:760px){footer .cols{grid-template-columns:1fr}}
.mbar{position:fixed;left:0;right:0;bottom:0;display:none;z-index:30;box-shadow:0 -6px 18px rgba(0,0,0,.18)}
.mbar a{flex:1;text-align:center;padding:15px 8px;font-weight:800;text-decoration:none;color:#fff}
.mbar .c{background:var(--accent)}.mbar .q{background:var(--slate)}
@media(max-width:760px){.mbar{display:flex}}