/* Page-level CSS from build_v2.page_doc + hero backgrounds. Generated by build/scripts/gen_parts.py. */
.area-link{transition:background .2s ease,border-color .2s ease}.area-link:hover,.area-link:focus-visible{background:#F1F4EC!important;border-color:#BFD3B2!important}.area-link:hover .ar{transform:translateX(3px)}.step-card{transition:background .25s ease,border-color .25s ease}.step:hover .step-card{background:rgba(255,255,255,.08)!important;border-color:rgba(197,240,74,.35)!important}@media (max-width:1023px){.sticky-col{position:static!important}}@media (max-width:640px){.area-links{grid-template-columns:1fr 1fr!important}.area-link{font-size:14px!important;padding:9px 10px!important}.area-link .ar{display:none}.step{grid-template-columns:44px 1fr!important;gap:12px!important}.step-line{left:21px!important;top:46px!important}.step-num{width:44px!important;height:44px!important;font-size:15px!important}}
@media (max-width:640px){.svc-grid,.area-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.svc-grid .x-ex,.area-grid .x-ex{display:none}.svc-grid strong{font-size:16px!important}.area-grid strong{font-size:17px!important}.svc-grid a>span{padding:12px 14px 14px!important}.area-grid a{padding:14px!important}}
.bgx-about-front-yard{background-image:url(../img/about-front-yard.webp);background-size:cover;background-position:center}
.bgx-ba-patio-after{background-image:url(../img/ba-patio-after.webp);background-size:cover;background-position:center}
.bgx-case-low-water-dig-out{background-image:url(../img/case-low-water-dig-out.webp);background-size:cover;background-position:center}
.bgx-case-low-water-dry-creek{background-image:url(../img/case-low-water-dry-creek.webp);background-size:cover;background-position:center}
.bgx-cs-front-after{background-image:url(../img/cs-front-after.webp);background-size:cover;background-position:center}
.bgx-gal-curved-walkway-lawn{background-image:url(../img/gal-curved-walkway-lawn.webp);background-size:cover;background-position:center}
.bgx-gal-flagstone-path{background-image:url(../img/gal-flagstone-path.webp);background-size:cover;background-position:center}
.bgx-gal-patio-dining-fence{background-image:url(../img/gal-patio-dining-fence.webp);background-size:cover;background-position:center}
.bgx-gal-patio-umbrella-fountain{background-image:url(../img/gal-patio-umbrella-fountain.webp);background-size:cover;background-position:center}
.bgx-gal-paver-driveway-rock-garden{background-image:url(../img/gal-paver-driveway-rock-garden.webp);background-size:cover;background-position:center}
.bgx-gal-paver-path-side-yard{background-image:url(../img/gal-paver-path-side-yard.webp);background-size:cover;background-position:center}
.bgx-gal-pergola-dining{background-image:url(../img/gal-pergola-dining.webp);background-size:cover;background-position:center}
.bgx-gal-raised-vegetable-beds{background-image:url(../img/gal-raised-vegetable-beds.webp);background-size:cover;background-position:center}
.bgx-gal-raised-wall-planter{background-image:url(../img/gal-raised-wall-planter.webp);background-size:cover;background-position:center}
.bgx-gal-rock-garden-lighting{background-image:url(../img/gal-rock-garden-lighting.webp);background-size:cover;background-position:center}
.bgx-hero-backyard-pergola{background-image:url(../img/hero-backyard-pergola.webp);background-size:cover;background-position:center}
.bgx-intro-pergola-seat-wall{background-image:url(../img/intro-pergola-seat-wall.webp);background-size:cover;background-position:center}
.bgx-project-backyard{background-image:url(../img/project-backyard.webp);background-size:cover;background-position:center}
.bgx-project-drought-tolerant{background-image:url(../img/project-drought-tolerant.webp);background-size:cover;background-position:center}
.bgx-svc-drought-tolerant-river-rock{background-image:url(../img/svc-drought-tolerant-river-rock.webp);background-size:cover;background-position:center}
.bgx-svc-fire-pit-seating{background-image:url(../img/svc-fire-pit-seating.webp);background-size:cover;background-position:center}
.bgx-svc-landscape-design-curved-patio{background-image:url(../img/svc-landscape-design-curved-patio.webp);background-size:cover;background-position:center}
.bgx-svc-pavers-driveway{background-image:url(../img/svc-pavers-driveway.webp);background-size:cover;background-position:center}
.bgx-svc-turf-front-lawn{background-image:url(../img/svc-turf-front-lawn.webp);background-size:cover;background-position:center}
.bgx-svc-water-feature-wall-fountain{background-image:url(../img/svc-water-feature-wall-fountain.webp);background-size:cover;background-position:center}
.cta-photo{background-image:url(../img/about-front-yard.webp);background-size:cover;background-position:center 60%}
/* lightbox + filters (design preview) */
[data-cat].is-hidden{display:none!important}
.lb{position:fixed;inset:0;z-index:200;background:rgba(6,20,13,.92);display:none;align-items:center;justify-content:center;padding:24px;flex-direction:column;gap:14px}
.lb.on{display:flex}.lb img{max-width:min(1200px,100%);max-height:80vh;border-radius:14px;object-fit:contain}
.lb p{margin:0;color:#fff;font:600 15px/1.4 Geist,system-ui,sans-serif;text-align:center}
.lb button{position:absolute;top:16px;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#0A2318;font-size:22px;cursor:pointer}
.lb .x{right:16px}.lb .pv{left:16px;top:50%}.lb .nx{right:16px;top:50%}