/* Chandler Select — Southern garden theme (layered over each page's base styles) */
:root{
  --char:#24382B; --char-d:#1B2B21; --green:#C9A86F; --green-d:#7C5E31; --leaf:#3D5A44;
  --bone:#F7F2E7; --paper:#FFFCF6; --ink:#262A24; --muted:#5E5C53; --line:#E4DAC6;
  --orange:#C9A86F; --orange-d:#7C5E31; --sand:#F1E8D6;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --sans:"Lato",system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bone:#171A16;--paper:#1F231E;--ink:#EDE7DA;--muted:#B6AF9F;--line:#363A31;--green-d:#D3B47E;--orange-d:#D3B47E;--sand:#1C1F1A}}
:root[data-theme="dark"]{--bone:#171A16;--paper:#1F231E;--ink:#EDE7DA;--muted:#B6AF9F;--line:#363A31;--green-d:#D3B47E;--orange-d:#D3B47E;--sand:#1C1F1A}

body{font-family:var(--sans);line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--serif);font-weight:600;letter-spacing:0;line-height:1.08}
h2{font-size:clamp(38px,5.4vw,62px);font-weight:500}
h3{font-size:28px;font-weight:600}
em{font-style:italic}
section{padding:110px 0}
@media (max-width:760px){section{padding:76px 0}}

/* Section heading ornament: a thin brass rule */
.head h2::after{width:48px !important;height:2px !important;border-radius:0 !important;background:var(--green) !important;margin-top:20px !important}
.head{margin-bottom:52px}

/* Kicker: small, letterspaced */
.kicker,.owner .kicker,.psub{font-size:12.5px !important;letter-spacing:.18em !important;font-weight:700}

/* Buttons: deep green on light, brass on dark */
.btn{background:var(--char);color:#FBF6EC;border-radius:2px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:14px;padding:16px 28px}
.btn:hover{background:var(--char-d)}
.hero .btn:not(.line),.quote .btn:not(.line),.commercial .btn:not(.line),.drain .btn:not(.line),.pagehero .btn:not(.line),.plan.featured .btn,.winter .btn:not(.line),.endcta .btn,.callbar .btn:not(.line),header nav .btn{background:var(--green);color:#1B2B21}
.hero .btn:not(.line):hover,.quote .btn:not(.line):hover,.commercial .btn:not(.line):hover,.drain .btn:not(.line):hover,.pagehero .btn:not(.line):hover,.plan.featured .btn:hover,.winter .btn:not(.line):hover,.endcta .btn:hover,.callbar .btn:not(.line):hover,header nav .btn:hover{background:#D9BC86}
.btn.line{border:1px solid rgba(251,246,236,.7)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--bone)}
.btn.big{font-size:15px;padding:19px 32px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .btn:not(.line):not(.ghost){background:var(--green);color:#1B2B21}}
:root[data-theme="dark"] .btn:not(.line):not(.ghost){background:var(--green);color:#1B2B21}

/* Header */
header{background:var(--char);border-bottom:1px solid rgba(201,168,111,.45)}
.bar{height:84px}
.logo img{height:58px}
nav a{font-size:14px;letter-spacing:.04em;font-weight:700}
nav a:not(.btn):hover,nav a[aria-current="page"]{color:var(--green)}
nav .btn{padding:11px 18px;font-size:12.5px}
@media (max-width:1140px){.logo img{height:48px} nav{border-bottom:1px solid rgba(201,168,111,.45)}}
html{scroll-padding-top:calc(env(safe-area-inset-top,0px) + 84px)}
.hero{min-height:calc(100svh - 84px)}

/* Now-booking bar */
.nowbar{background:var(--sand);color:var(--ink);font-weight:400;font-size:14px;letter-spacing:.02em;border-bottom:1px solid var(--line)}
.nowbar a{font-weight:700;color:var(--green-d)}
.nowbar .dot{background:var(--green)}

/* Hero: soft fade instead of the mower wipe, warm green overlay */
.lawn{animation:csl-fade 1.4s ease .1s both}
@keyframes csl-fade{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
.lawn::after{background:linear-gradient(100deg,rgba(27,43,33,.88) 0%,rgba(27,43,33,.62) 45%,rgba(27,43,33,.08) 100%)}
@media (max-width:760px){.lawn::after{background:linear-gradient(180deg,rgba(27,43,33,.45),rgba(27,43,33,.9))}}
.hero h1{font-size:clamp(52px,8.6vw,112px);font-weight:500;max-width:11ch;line-height:1.02}
.hero h1 em{color:var(--green);font-weight:500}
.hero .lede{font-size:clamp(18px,1.8vw,21px);color:#EAE4D6;max-width:40ch}
.hero .call{color:#D4CDBE}

/* Stats band */
.band{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}
.band div{border-left:1px solid var(--line);padding:28px 20px;text-align:center}
.band b,.band div:nth-child(even) b{font-family:var(--serif);font-weight:600;font-size:40px;color:var(--green-d)}
.band span{font-weight:400;font-size:13.5px;letter-spacing:.04em;color:var(--muted)}

/* Softer corners on photos and cards */
.ba,.svc .photo,.pano,.duo img,.gallery figure,.potm img,.owner img,.rv figure,.plan,.drain,.more article,.trust div,.season,.why,.winter,.checklist,.pgrid figure,.ba2 img,.procon>div,.wcol,.wphotos figure,.wsteps figure,.revcta,.scards article,.signs li,.diagram,.qcard,.embed{border-radius:3px !important}

/* Before / after slider */
.ba .handle{background:#FBF6EC;width:2px}
.ba .handle::after{background:var(--char);border:2px solid #FBF6EC;width:44px;height:44px}
.picks button{border-radius:2px;border-width:1px;font-family:var(--sans);font-weight:700;font-size:14px}

/* Services */
.svc{border-top:1px solid var(--green)}
.svc h3{font-size:32px}
.drain-list li{border-left:2px solid var(--green) !important;border-radius:0;font-weight:400}
.more h3,.scards h3{font-size:26px}
.trust div{border:1px solid var(--line);font-weight:400}
.trust b{font-weight:700}
.trust svg,.plan li svg,.ticks svg{color:var(--green-d)}
.ic.big{background:var(--green) !important;color:#1B2B21 !important;border-radius:50%}

/* Plans */
.pname{font-family:var(--serif);font-weight:600;font-size:44px}
.price b{font-family:var(--serif);font-weight:600;font-size:44px}
.plan{border:1px solid var(--line);background:var(--paper)}
.plan.featured{border:1px solid var(--green);box-shadow:0 18px 44px rgba(27,43,33,.22)}
.badge{background:var(--green) !important;color:#1B2B21 !important;border-radius:2px;font-size:11.5px;letter-spacing:.16em}

/* Commercial */
.cols h3{color:var(--green)}
.duo b{color:var(--green)}

/* Gallery teaser on home */
.gallery figcaption{display:none}
.gallery{gap:14px}
.gallery-more{margin-top:34px;text-align:center}

/* Steps & numbers in serif */
.steps li,.psteps li{border-top:1px solid var(--green)}
.steps li::before,.psteps li::before{font-family:var(--serif);font-weight:500}
.wsteps figure::before,.qcard li::before{font-family:var(--serif) !important;font-weight:600;background:var(--green) !important;color:#1B2B21 !important}
.shead .mon,.score b,.contact a,.owner .sig{font-family:var(--serif)}
.owner .sig{font-style:italic;font-weight:500;font-size:34px}
.contact a{font-weight:600}

/* Owner */
.owner img{border-bottom:0 !important}

/* Reviews */
.rv figure{border:1px solid var(--line);border-top:2px solid var(--green)}
.rv blockquote{font-family:var(--serif);font-size:22px;line-height:1.45;font-style:italic}
.rv .stars,.score .stars{color:var(--green)}

/* FAQ */
.faqs details:first-child{border-top:1px solid var(--green)}
.faqs summary{font-weight:400;font-family:var(--serif);font-size:23px;font-weight:600}
.faqs summary::after{font-family:var(--serif);font-weight:400}

/* Dark bands: quote, page heroes — drop the mower stripes */
.quote::before,.pagehero::after{display:none}
.quote{background:var(--char-d)}
.qcard{border-left:2px solid var(--green)}
.pagehero{background:var(--char)}
.pagehero.photo{background:linear-gradient(100deg,rgba(27,43,33,.92) 0%,rgba(27,43,33,.74) 50%,rgba(27,43,33,.3) 100%),var(--bg) center/cover no-repeat}
.pagehero h1{font-weight:500;font-size:clamp(46px,7vw,92px);max-width:14ch}
.chips a{border-radius:2px;border-width:1px}

/* End-of-page call to action */
.endcta{background:var(--sand);color:var(--ink)}
.endcta .btn{background:var(--char) !important;color:#FBF6EC !important}

/* Misc accents formerly neon green */
.season.is-now{border:1px solid var(--green);box-shadow:0 8px 26px rgba(124,94,49,.14)}
.checklist{border:1px solid var(--green)}
.cl-items label:has(input:checked){border-color:var(--green);background:rgba(201,168,111,.12)}
.cl-items input:checked+.box{background:var(--green);border-color:var(--green)}
.ba2 figure:last-child figcaption{background:var(--green);color:#1B2B21}
.others a,.towns li{border-radius:2px;border-width:1px;font-weight:400}
footer{background:var(--char-d);color:#CFC8B8}
.fnav a{color:#EDE7DA}
.fnav a:hover{color:var(--green)}
.callbar{background:var(--char)}

/* ---------- Gallery page ---------- */
.gal-head{padding:70px 0 34px;text-align:center}
.gal-head h1{font-size:clamp(46px,7vw,84px);font-weight:500}
.gal-head h1::after{content:"";display:block;width:48px;height:2px;background:var(--green);margin:20px auto 0}
.masonry{columns:3 320px;column-gap:14px;padding-bottom:110px}
.masonry button{display:block;width:100%;margin:0 0 14px;padding:0;border:0;background:var(--line);cursor:zoom-in;break-inside:avoid;border-radius:3px;overflow:hidden}
.masonry img{width:100%;height:auto;transition:transform .5s ease,opacity .3s}
.masonry button:hover img{transform:scale(1.025)}
@media (max-width:560px){.masonry{columns:2;column-gap:8px}.masonry button{margin-bottom:8px}.gal-head{padding:46px 0 24px}}
.lb{position:fixed;inset:0;z-index:100;background:rgba(18,26,20,.96);display:none;align-items:center;justify-content:center}
.lb.open{display:flex}
.lb img{max-width:min(92vw,1400px);max-height:86vh;width:auto;height:auto;border-radius:2px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lb button{position:absolute;background:none;border:0;color:#F3EDE0;cursor:pointer;font:300 46px/1 var(--serif);padding:14px 18px}
.lb .x{top:calc(env(safe-area-inset-top,0px) + 6px);right:8px;font-size:40px}
.lb .pv{left:4px;top:50%;transform:translateY(-50%)}
.lb .nx{right:4px;top:50%;transform:translateY(-50%)}
.lb .ct{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);left:0;right:0;text-align:center;color:#BDB5A4;font-size:13px;letter-spacing:.14em}
@media (max-width:760px){.lb .pv,.lb .nx{display:none}}

/* Fine-tuning */
.gallery-more{max-width:none}
.hero .call a,.contact a[href^="tel"]{white-space:nowrap}
.ic.t-lawn,.ic.t-beds,.ic.t-plants,.ic.t-irrigation,.ic.t-projects,.signs li span{background:var(--sand);color:var(--green-d)}
.lb{background:rgba(16,23,18,.985)}
.pano-cap{max-width:none}

/* Footer link list: undo the mobile header-menu styles that were leaking onto it */
footer nav.fnav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px 20px;padding:0 0 18px;background:none;box-shadow:none;border-bottom:1px solid rgba(255,255,255,.12)}
footer nav.fnav a{display:inline;padding:4px 0;font-size:15px;border:0}