/* SERVICES SECTION - 3-column photo card grid; extra services wrap onto new rows automatically (2 columns tablet, 1 mobile) */
.svc{padding-top:calc(var(--sec-y) * .35)}
.svc__head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:end;gap:24px 60px;margin-bottom:clamp(36px,5vw,64px)}
.svc__head h2{max-width:720px}
.svc__aside{display:grid;gap:20px;justify-items:start;padding-bottom:8px}
.svc__aside p{color:var(--muted)}

.svc__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.svc__card{position:relative;display:flex;align-items:flex-end;min-height:clamp(380px,32vw,460px);border-radius:var(--r-lg);overflow:hidden;color:#fff;isolation:isolate;background:var(--forest)}
.svc__card img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
/* crop focus per photo, so the cards work in any order and on any page */
.svc__card img[src*="svc-lawn"]{object-position:30% 50%}
.svc__card img[src*="svc-cleanup"]{object-position:62% 35%}
.svc__card img[src*="svc-maintenance"]{object-position:55% 50%}
.svc__card img[src*="lawn-2"]{object-position:50% 60%}
.svc__card img[src*="svc-commercial"]{object-position:40% 60%}
.svc__card img[src*="svc-contract"]{object-position:50% 50%}
.svc__card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(9,30,19,.9) 0%,rgba(9,30,19,.45) 45%,rgba(9,30,19,.05) 100%);transition:opacity .5s}
.svc__card:hover img,.svc__card:focus-visible img{transform:scale(1.06)}
.svc__tag{position:absolute;top:20px;left:20px;padding:8px 14px;border-radius:999px;background:rgba(248,245,238,.92);font:700 10.5px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--forest)}
.svc__body{width:100%;padding:28px}
.svc__body h3{max-width:340px;color:#fff;font-size:clamp(1.3rem,1.8vw,1.65rem)}
.svc__body p{max-width:360px;margin-top:10px;font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.82)}
.svc__more{display:inline-flex;align-items:center;gap:9px;margin-top:16px;font:700 13px/1 var(--font-body);letter-spacing:.06em;color:var(--lime)}
.svc__more svg{width:15px;height:15px;transition:transform .35s var(--ease)}
.svc__card:hover .svc__more svg{transform:translateX(6px)}

.svc__also{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:36px}
.svc__also-label{margin-right:8px;font:700 11px/1 var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--leaf)}
.svc__chip{padding:9px 18px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.6);font-size:14px;line-height:1.2;color:var(--forest)}

@media only screen and (max-width:991px){
  .svc__head{grid-template-columns:1fr}
  .svc__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .svc__card{min-height:380px}
}
@media only screen and (max-width:640px){
  .svc__grid{grid-template-columns:1fr}
  .svc__card{min-height:360px}
  .svc__body{padding:22px}
}