.garden-services {padding:clamp(64px,7vw,112px) 0;background:#e1e8da;color:#164a35;scroll-margin-top:104px}
.garden-services-intro {display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:end;margin-bottom:48px}
.garden-services-intro h2 {font:500 clamp(42px,4.5vw,72px)/1.08 'Playfair Display',Georgia,serif;letter-spacing:-.03em;text-transform:none;text-wrap:balance}
.garden-services-intro p {max-width:36ch;font:400 18px/1.65 Inter,Arial,sans-serif;margin-bottom:4px}
.garden-services-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.garden-service-row {min-width:0;scroll-margin-top:104px}
.garden-service-copy {padding:28px 0}
.garden-service-copy h3 {margin-bottom:16px;font:500 clamp(28px,2.4vw,36px)/1.15 'Playfair Display',Georgia,serif;letter-spacing:-.025em;text-transform:none}
.garden-service-copy p {max-width:38ch;font:400 18px/1.65 Inter,Arial,sans-serif;margin:0 0 16px}
.garden-service-enquire {display:inline-flex;align-items:center;gap:20px;min-height:44px;padding:8px 0;font:500 18px/1.4 Inter,Arial,sans-serif;color:#164a35;background:transparent;border:0;cursor:pointer}
.garden-service-enquire span {text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.garden-service-enquire svg {width:24px;height:24px;flex-shrink:0;transition:transform .2s ease}
.garden-service-pick,.garden-services-aside {display:none}
.garden-service-mobile-photo {margin:0;aspect-ratio:3/2;overflow:hidden;border-radius:12px;background:#164a35}
.garden-service-mobile-photo img {width:100%;height:100%;object-fit:cover}
.garden-services :focus-visible {outline:2px solid #164a35!important;outline-offset:5px}
@media(min-width:1025px) {
 .garden-services-enhanced .garden-services-layout {display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(40px,5vw,80px);align-items:stretch}
 .garden-services-enhanced .garden-services-list {display:block}
 .garden-services-enhanced .garden-service-row {padding:0 24px;border-top:1px solid #164a3540;transition:background-color .2s ease}
 .garden-services-enhanced .garden-service-row:last-child {border-bottom:1px solid #164a3540}
 .garden-services-enhanced .garden-service-row.is-active {background:#f1f5ed}
 .garden-services-enhanced .garden-service-copy {padding:28px 0}
 .garden-services-enhanced .garden-service-mobile-photo,.garden-services-enhanced .garden-service-static-title {display:none}
 .garden-services-enhanced .garden-service-pick {display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:44px;padding:0;background:none;color:inherit;border:0;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}
 .garden-service-pick svg {width:24px;height:24px;flex-shrink:0;opacity:0;transition:opacity .2s ease}
 .garden-service-row.is-active .garden-service-pick svg,.garden-service-pick:focus-visible svg {opacity:1}
 .garden-services-enhanced .garden-services-aside {display:block;position:relative;min-width:0}
 .garden-services-stage {position:relative;height:clamp(360px,calc(100svh - 160px),720px);margin:0;border-radius:12px;overflow:hidden;background:#164a35;isolation:isolate}
 .garden-services-photos {position:absolute;inset:0}
 .garden-services-photos img {position:absolute;inset:-6% 0 auto;width:100%;height:112%;max-height:none;object-fit:cover;opacity:0;transition:opacity .35s ease}
 .garden-services-photos img.is-active {opacity:1}
 .garden-services-stage figcaption {position:absolute;bottom:20px;left:20px;right:20px;width:fit-content;max-width:calc(100% - 40px);padding:12px 16px;border-radius:4px;background:#164a35;color:#f1f5ed;font:400 18px/1.5 Inter,Arial,sans-serif}
}
@media(max-width:1024px) {
 .garden-services-intro {gap:32px;margin-bottom:32px}
 .garden-services-intro h2 {font-size:clamp(40px,5.4vw,56px)}
 .garden-services-intro h2 br {display:none}
 .garden-services-list {gap:32px}
 .garden-service-copy h3 {font-size:32px}
}
@media(max-width:650px) {
 .garden-services {padding:56px 0}
 .garden-services-intro {display:block}
 .garden-services-intro h2 {font-size:42px;margin-bottom:24px}
 .garden-services-list {grid-template-columns:minmax(0,1fr);gap:16px}
 .garden-service-copy {padding:24px 0}
 .garden-service-copy h3 {font-size:32px}
}
@media(hover:hover) and (pointer:fine) {
 .garden-service-enquire:hover svg {transform:translateX(4px)}
}
@media(prefers-reduced-motion:reduce) {
 .garden-services * {transition:none!important;animation:none!important}
 .garden-service-enquire:hover svg {transform:none}
}

.garden-services.is-instant .garden-service-row,.garden-services.is-instant .garden-service-pick svg,.garden-services.is-instant .garden-services-photos img {transition:none}