/* ============================================================
   VERDANT — the garden service
   Scoped to body.d-verdant. 1rem = 10px.
   ============================================================ */
body.d-verdant{
  --vd-cream:#f5f4ec;--vd-sage:#e6ead8;--vd-olive:#3d5a2a;--vd-olive2:#2c4420;--vd-leaf:#6b8f3e;--vd-mustard:#d4a017;--vd-mustard2:#e8b92e;--vd-ink:#1d2a14;--vd-soft:#4b5840;--vd-mute:#667259;--vd-line:#dfe3cf;
  --bg-primary:var(--vd-cream);--bg-secondary:var(--vd-sage);--bg-card:#fff;--bg-inset:#eef0e3;
  --fg-primary:var(--vd-ink);--fg-soft:var(--vd-soft);--fg-muted:var(--vd-mute);--border-color:var(--vd-line);--border-strong:#c7cdb0;
  background:var(--vd-cream);color:var(--vd-ink);font-family:'Karla',system-ui,sans-serif
}
body.d-verdant h1,body.d-verdant h2,body.d-verdant h3{font-family:'Sora','Karla',sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.05}
.vd-kick{font-size:1.25rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--vd-leaf);margin-bottom:1.2rem}

body.d-verdant .bx-nav{background:rgba(245,244,236,.88)}
body.d-verdant .bx-brand-mark{border-radius:50% 50% 50% 8px;background:var(--vd-olive);font-family:'Sora',sans-serif}
body.d-verdant .bx-brand-txt b{font-family:'Sora',sans-serif;font-size:1.8rem}
body.d-verdant .bx-nav-links a{font-size:1.35rem;color:var(--vd-soft)}
body.d-verdant .bx-nav-links a::after{background:var(--vd-mustard);height:3px}
body.d-verdant .bx-nav-cta{background:var(--vd-olive);border-radius:999px}

/* hero */
.vd-hero{position:relative;overflow:hidden;padding:calc(var(--nav-h) + 5rem) 3rem 8rem;background:radial-gradient(800px 500px at 90% 20%,#e3ead0,transparent 60%),var(--vd-cream)}
.vd-leaves{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.vd-leaves span{position:absolute;left:var(--x);top:-60px;width:40px;height:40px;transform:scale(var(--s));opacity:.55}
.vd-leaves svg{width:100%;height:100%}
.vd-leaves path:first-child{fill:var(--vd-leaf)}
.vd-leaves path:last-child{stroke:var(--vd-olive2);stroke-width:1.5}
.vd-leaves span:nth-child(3n) path:first-child{fill:var(--vd-mustard)}
.fx2 .vd-leaves span{animation:vd-fall var(--d) linear var(--t) infinite}
@keyframes vd-fall{0%{transform:translate(0,0) rotate(0) scale(var(--s))}50%{transform:translate(40px,55vh) rotate(160deg) scale(var(--s))}100%{transform:translate(-20px,115vh) rotate(320deg) scale(var(--s))}}
.vd-hero-in{position:relative;z-index:1;max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}
.vd-hero-in>*{min-width:0}
.vd-name{display:inline-flex;align-items:center;gap:1rem;font-family:'Sora',sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vd-olive);border-bottom:3px solid var(--vd-mustard);padding-bottom:.6rem;margin-bottom:2.6rem}
.vd-hero h1{font-size:clamp(4.8rem,7.4vw,8.8rem);color:var(--vd-olive2)}
.vd-lede{font-size:1.75rem;line-height:1.65;color:var(--vd-soft);margin-top:2rem;max-width:48ch}
.vd-actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3.2rem}
.vd-btn{display:inline-flex;align-items:center;gap:1rem;padding:1.6rem 2.8rem;border-radius:999px;font-size:1.5rem;font-weight:700;transition:transform .25s var(--ease),background .25s,color .25s}
.vd-btn-main{background:var(--vd-olive);color:#fff;box-shadow:0 14px 30px rgba(61,90,42,.28)}
.vd-btn-main:hover{background:var(--vd-olive2);transform:translateY(-2px)}
.vd-btn-line{border:1.5px solid var(--vd-olive);color:var(--vd-olive)}
.vd-btn-line:hover{background:var(--vd-olive);color:#fff}
.vd-btn-dark{background:var(--vd-olive2);color:#fff}
.vd-btn-dark:hover{background:#000}
.vd-photo{position:relative;margin:0;border-radius:48% 52% 44% 56%/56% 44% 56% 44%;overflow:hidden;aspect-ratio:1;box-shadow:0 40px 80px rgba(29,42,20,.2);border:10px solid #fff}
.vd-photo img{width:100%;height:100%;object-fit:cover}
.vd-photo figcaption{position:absolute;left:50%;bottom:10%;transform:translateX(-50%);white-space:nowrap;padding:1rem 1.8rem;border-radius:999px;background:var(--vd-mustard);color:var(--vd-ink);font-weight:700;font-size:1.35rem}

/* sections */
.vd-sec{padding:9rem 3rem 0}
.vd-sec>*{max-width:var(--max-w);margin-left:auto;margin-right:auto}
.vd-head{text-align:center;margin-bottom:4rem}
.vd-sec h2{font-size:clamp(3.4rem,4.8vw,5.2rem);color:var(--vd-olive2)}

.vd-plots{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}
.vd-plot{background:#fff;border-radius:24px;overflow:hidden;border:1px solid var(--vd-line);display:flex;flex-direction:column;transition:transform .3s var(--ease),box-shadow .3s}
.vd-plot:hover{transform:translateY(-6px);box-shadow:0 30px 60px rgba(29,42,20,.12)}
.vd-plot-img{display:block;aspect-ratio:4/3;overflow:hidden}
.vd-plot-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.vd-plot:hover .vd-plot-img img{transform:scale(1.07)}
.vd-plot-ico{display:flex;align-items:center;justify-content:center;background:var(--vd-sage);font-size:3.6rem;color:var(--vd-olive)}
.vd-plot>div{padding:2.2rem;display:flex;flex-direction:column;flex:1}
.vd-plot h3{font-size:2rem}
.vd-plot p{font-size:1.45rem;line-height:1.6;color:var(--vd-soft);margin-top:.6rem;flex:1}
.vd-plot a{margin-top:1.4rem;font-weight:700;font-size:1.35rem;color:var(--vd-olive);display:inline-flex;gap:.6rem;align-items:center}

.vd-stem{list-style:none;margin:0 auto;padding:0;max-width:880px!important;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;position:relative;--p:0}
.vd-stem::before{content:'';position:absolute;left:8%;right:8%;top:30px;height:6px;border-radius:3px;background:var(--vd-line)}
.vd-stem::after{content:'';position:absolute;left:8%;top:30px;height:6px;border-radius:3px;width:calc(84% * var(--p));background:linear-gradient(90deg,var(--vd-leaf),var(--vd-olive))}
.vd-stem li{position:relative;z-index:1;text-align:center}
.vd-node{display:flex;align-items:center;justify-content:center;margin:0 auto;width:66px;height:66px;border-radius:50%;background:#fff;border:3px solid var(--vd-leaf);padding:14px}
.vd-node svg{width:100%;height:100%}
.vd-node path:first-child{fill:var(--vd-leaf)}
.vd-node path:last-child{stroke:#fff;stroke-width:1.6}
.vd-stem small{display:block;margin-top:1.4rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:1.15rem;color:var(--vd-mustard)}
.vd-stem h3{font-size:2.3rem;margin:.4rem 0 .6rem}
.vd-stem p{font-size:1.45rem;line-height:1.6;color:var(--vd-soft)}

.vd-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:5rem;align-items:center}
.vd-about>*{min-width:0}
.vd-about-card{background:var(--vd-olive);color:#fff;border-radius:28px;padding:5rem 4rem}
.vd-about-card .vd-kick{color:var(--vd-mustard2)}
.vd-about-card h2{color:#fff}
.vd-p{font-size:1.75rem;line-height:1.8;color:var(--vd-soft)}
.vd-p+.vd-p{margin-top:1.4rem}

.vd-hl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.6rem}
.vd-hl>div{background:#fff;border-radius:20px;padding:2.6rem;border:1px solid var(--vd-line)}
.vd-hl i{font-size:2.4rem;color:var(--vd-leaf)}
.vd-hl h3{font-size:1.9rem;margin:1.2rem 0 .6rem}
.vd-hl p{font-size:1.4rem;color:var(--vd-soft)}

.vd-packets{display:flex;flex-wrap:wrap;justify-content:center;gap:2.4rem}
.vd-packet{position:relative;width:320px;padding:5.4rem 2.8rem 3rem;background:#fff;border-radius:6px 6px 18px 18px;box-shadow:0 20px 40px rgba(29,42,20,.1);text-align:center;border-top:14px solid var(--vd-mustard);transition:transform .3s var(--ease)}
.vd-packet:nth-child(even){border-top-color:var(--vd-leaf);transform:rotate(1.5deg)}
.vd-packet:nth-child(odd){transform:rotate(-1.5deg)}
.vd-packet:hover{transform:rotate(0) translateY(-6px)}
.vd-packet::before{content:'';position:absolute;left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(90deg,transparent 0 8px,rgba(0,0,0,.06) 8px 10px)}
.vd-packet-top{position:absolute;left:50%;top:1.8rem;transform:translateX(-50%);font-weight:700;font-size:1.15rem;letter-spacing:.24em;text-transform:uppercase;color:var(--vd-mute)}
.vd-packet svg{width:54px;height:54px}
.vd-packet svg path:first-child{fill:var(--vd-leaf)}
.vd-packet svg path:last-child{stroke:#fff;stroke-width:1.6}
.vd-packet h3{font-size:2.2rem;margin:1.2rem 0 .8rem}
.vd-packet p{font-size:1.5rem;line-height:1.65;color:var(--vd-soft)}

.vd-offer{margin-top:9rem;background:var(--vd-mustard);padding:3.6rem 3rem}
.vd-offer-in{max-width:var(--max-w);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.vd-offer p{font-family:'Sora',sans-serif;font-weight:700;font-size:clamp(2rem,2.6vw,2.8rem);color:var(--vd-ink)}
.vd-offer p i{margin-right:.8rem}

.vd-gal{display:grid;grid-template-columns:repeat(6,1fr);gap:1.2rem}
.vd-gal-item{padding:0;border-radius:20px;overflow:hidden;cursor:zoom-in;grid-column:span 2;aspect-ratio:4/3}
.vd-gal-item:nth-child(1),.vd-gal-item:nth-child(2){grid-column:span 3;aspect-ratio:16/10}
.vd-gal-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.vd-gal-item:hover img{transform:scale(1.05)}
.vd-rev{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.6rem}
.vd-rev figure{background:#fff;border-radius:20px;padding:2.8rem;border:1px solid var(--vd-line);text-align:center}
.vd-rev figure>span{color:var(--vd-mustard);font-size:2rem;letter-spacing:.2em}
.vd-rev blockquote{font-size:1.6rem;line-height:1.65;color:var(--vd-soft);margin-top:1rem}
.vd-rev figcaption{margin-top:1rem;font-weight:700}

.vd-contact{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding:5rem;border-radius:28px;background:#fff;border:1px solid var(--vd-line)}
.vd-contact>*{min-width:0}
.vd-contact-lede{font-size:1.6rem;line-height:1.65;color:var(--vd-soft);margin:1.6rem 0 3rem}
body.d-verdant .ci{border-radius:16px}
body.d-verdant .ci-ico{background:var(--vd-sage);color:var(--vd-olive)}
body.d-verdant .contact-form{border-radius:20px;background:var(--vd-cream);border:0}
body.d-verdant .contact-form h3{font-family:'Sora',sans-serif;font-size:2.3rem;margin-bottom:1.6rem;color:var(--vd-olive2)}
body.d-verdant .cf-field input,body.d-verdant .cf-field textarea{border-radius:12px;background:#fff}
body.d-verdant .btn-onbiz{background:var(--vd-olive);border-radius:999px}
body.d-verdant .hours-row{border-radius:12px}
.vd-map{margin-top:3rem}
.vd-share{max-width:var(--max-w);margin:4rem auto 0;padding:0 3rem}
body.d-verdant .bx-foot{background:var(--vd-olive2);color:#e3e8d4;margin-top:6rem;border-top:6px solid var(--vd-mustard)}
body.d-verdant .bx-foot p,body.d-verdant .bx-foot li,body.d-verdant .bx-foot a{color:#c5ceb0}
body.d-verdant .bx-foot-col h2{color:var(--vd-mustard2)}
body.d-verdant .bx-foot .bx-brand-txt b{color:#fff}
body.d-verdant .bx-foot .btn-onbiz{background:var(--vd-mustard);color:var(--vd-ink)}
body.d-verdant .bx-foot .btn-outline{border-color:rgba(255,255,255,.3);color:#fff}
body.d-verdant .bx-foot-bottom{border-top-color:rgba(255,255,255,.12)}

@media (max-width:980px){
  .vd-hero-in,.vd-about,.vd-contact{grid-template-columns:1fr}
  .vd-photo{max-width:480px;justify-self:center;width:100%}
  .vd-plots{grid-template-columns:1fr 1fr}
  .vd-contact{padding:3rem}
}
@media (max-width:640px){
  .vd-hero{padding:calc(var(--nav-h) + 3rem) 1.6rem 6rem}
  .vd-sec{padding:7rem 1.6rem 0}
  .vd-plots{grid-template-columns:1fr}
  .vd-stem{grid-template-columns:1fr;gap:3.4rem}
  .vd-stem::before,.vd-stem::after{display:none}
  .vd-about-card{padding:3.4rem 2.4rem}
  .vd-packet{width:100%}
  .vd-offer{padding:3rem 1.6rem;margin-top:7rem}
  .vd-gal{grid-template-columns:1fr 1fr}
  .vd-gal-item,.vd-gal-item:nth-child(1),.vd-gal-item:nth-child(2){grid-column:span 1;aspect-ratio:1}
  .vd-gal-item:nth-child(1){grid-column:span 2;aspect-ratio:16/10}
  .vd-contact{padding:2rem}
  .vd-share{padding:0 1.6rem}
}