/* WasteGrid R1.8 — additive enterprise photography overrides. */
main[data-wg-r17-page="landing"]>.hero{background-image:linear-gradient(90deg,rgba(3,19,16,.76) 0%,rgba(4,20,17,.48) 43%,rgba(7,25,19,.08) 85%),url('/site-assets/images/wastegrid-r18/hero-gas-campus.webp')!important;background-position:center,57% 50%!important;background-size:cover!important}
main[data-wg-r17-page="landing"]>.hero::before{background:linear-gradient(0deg,rgba(3,13,10,.58),transparent 48%)!important}
main[data-wg-r17-page="platform"]>.page-hero{background-image:linear-gradient(90deg,rgba(3,20,16,.86),rgba(4,22,18,.56) 54%,rgba(4,22,18,.08)),url('/site-assets/images/wastegrid-r18/gas-facility-digesters.webp')!important}
main[data-wg-r17-page="storage-grid"]>.page-hero{background-image:linear-gradient(90deg,rgba(3,20,16,.89),rgba(4,22,18,.60) 54%,rgba(4,22,18,.10)),url('/site-assets/images/wastegrid-r18/bess-substation.webp')!important}
main[data-wg-r17-page="design-delivery"]>.page-hero{background-image:linear-gradient(90deg,rgba(3,20,16,.89),rgba(4,22,18,.57) 54%,rgba(4,22,18,.10)),url('/site-assets/images/wastegrid-r18/battery-industrial.webp')!important}
main[data-wg-r17-page="industries"]>.page-hero{background-image:linear-gradient(90deg,rgba(3,20,16,.88),rgba(4,22,18,.57) 54%,rgba(4,22,18,.10)),url('/site-assets/images/wastegrid-r18/industrial-generation.webp')!important}
main[data-wg-r17-page="company"]>.page-hero{background-image:linear-gradient(90deg,rgba(3,20,16,.88),rgba(4,22,18,.59) 54%,rgba(4,22,18,.10)),url('/site-assets/images/wastegrid-r18/engineers-on-site.webp')!important}
main[data-wg-r17-page="contact"]>.page-hero{background-image:linear-gradient(90deg,rgba(3,20,16,.89),rgba(4,22,18,.58) 54%,rgba(4,22,18,.10)),url('/site-assets/images/wastegrid-r18/operations-control.webp')!important}
main[data-wg-r17-page]>.page-hero{background-size:cover!important;background-position:center,57% 50%!important;min-height:360px}
main[data-wg-r17-page]>.page-hero::after{opacity:.16}
main[data-wg-r17-page] .photo-card:after{background:linear-gradient(0deg,rgba(1,14,11,.84),rgba(1,14,11,.18) 54%,transparent 82%)}
main[data-wg-r17-page] .photo-card,main[data-wg-r17-page] .split-media{border-radius:16px}
main[data-wg-r17-page] .photo-card img,main[data-wg-r17-page] .split-media img,main[data-wg-r17-page] .industry-card img{object-fit:cover;object-position:center}
.wg-r17-section{background:#eff3ef}
.wg-r17-media-grid{gap:clamp(12px,1.8vw,22px)}
.wg-r17-media-card{border:1px solid #dce6dc;border-radius:16px;box-shadow:0 14px 42px rgba(5,25,17,.06)}
.wg-r17-media-card img{object-fit:cover;image-rendering:auto}
.wg-r17-media-card figcaption strong{color:#10291f}
/* Safe replacement of explicit illustration containers; copy stays in normal HTML. */
.wg-r18-art-photo{position:relative!important;isolation:isolate;overflow:hidden;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.wg-r18-art-photo::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(0deg,rgba(3,17,13,.87),rgba(4,18,13,.2) 65%,rgba(4,18,13,.05))}
.wg-r18-art-photo>svg,.wg-r18-art-photo>canvas{opacity:.06!important}
.wg-r18-art-photo>*:not(svg):not(canvas){position:relative;z-index:1}
.wg-r18-art-photo h3,.wg-r18-art-photo h4{color:white}
@media(max-width:720px){main[data-wg-r17-page="landing"]>.hero{background-image:linear-gradient(90deg,rgba(3,19,16,.85),rgba(4,20,17,.61) 55%,rgba(7,25,19,.32)),url('/site-assets/images/wastegrid-r18/hero-gas-campus.webp')!important;background-position:center,58% center!important}main[data-wg-r17-page]>.page-hero{background-position:center,63% center!important}.wg-r17-media-card{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.wg-r17-media-card img,.photo-card img{transition:none!important}}

/* Semantic upgrade for R1 illustrated Gas Campus, Grid-aware Storage, Circular Gas cards. */
.wg-r18-card-photo{position:relative!important;isolation:isolate;overflow:hidden;background-color:#0b211a!important;color:white!important}
.wg-r18-card-photo>.wg-r18-card-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;z-index:0!important;display:block!important}
.wg-r18-card-photo::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(2,15,11,.90),rgba(2,15,11,.22) 80%)}
.wg-r18-card-photo>*:not(.wg-r18-card-image){position:relative;z-index:2}
.wg-r18-card-photo h3,.wg-r18-card-photo h4{color:white!important}
