/* WasteGrid R1.7 — image treatment only; injected after the site's existing CSS. */
:root { --wg-r17-dark: #071e1a; --wg-r17-accent: #b9dca5; }
main[data-wg-r17-page] > .hero,
main[data-wg-r17-page] > .page-hero { isolation: isolate; }
main[data-wg-r17-page="landing"] > .hero {
  background-image: linear-gradient(91deg, rgba(5,23,20,.91) 0%, rgba(6,27,23,.78) 36%, rgba(7,29,25,.24) 80%), url('/site-assets/images/wastegrid-r1/01-landing-hero-gas-power.webp');
  background-color: #112d28; background-position: center, 55% 48%; background-size: cover;
}
main[data-wg-r17-page="platform"] > .page-hero {
  background-image: linear-gradient(92deg, rgba(5,23,20,.95), rgba(7,28,25,.78) 52%, rgba(7,28,25,.31)), url('/site-assets/images/wastegrid-r1/03-platform-biogas-facility.webp');
}
main[data-wg-r17-page="design-delivery"] > .page-hero {
  background-image: linear-gradient(92deg, rgba(5,23,20,.93), rgba(7,28,25,.72) 52%, rgba(7,28,25,.25)), url('/site-assets/images/wastegrid-r1/04-design-delivery-engineering-site.webp');
}
main[data-wg-r17-page="industries"] > .page-hero {
  background-image: linear-gradient(92deg, rgba(5,23,20,.95), rgba(7,28,25,.75) 50%, rgba(7,28,25,.25)), url('/site-assets/images/wastegrid-r1/05-industries-industrial-energy.webp');
}
main[data-wg-r17-page="company"] > .page-hero {
  background-image: linear-gradient(92deg, rgba(5,23,20,.93), rgba(7,28,25,.72) 58%, rgba(7,28,25,.22)), url('/site-assets/images/wastegrid-r1/06-company-engineering-team.webp');
}
main[data-wg-r17-page="contact"] > .page-hero {
  background-image: linear-gradient(92deg, rgba(5,23,20,.95), rgba(7,28,25,.76) 58%, rgba(7,28,25,.20)), url('/site-assets/images/wastegrid-r1/10-contact-growth-and-resilience.webp');
}
main[data-wg-r17-page="storage-grid"] > .page-hero {
  background-image: linear-gradient(92deg, rgba(5,23,20,.97), rgba(7,28,25,.87) 55%, rgba(7,28,25,.53)), url('/site-assets/images/wastegrid-r1/07-platform-digital-operations.webp');
}
main[data-wg-r17-page] > .page-hero {
  background-color: #081f1c; background-size: cover; background-position: center, center;
  min-height: 360px; display: flex; align-items: center;
}
main[data-wg-r17-page] > .page-hero .wrap { position: relative; z-index: 1; }
.wg-r17-section { background: #eef3ed; padding: clamp(68px, 7vw, 110px) 0; color: #10221c; }
.wg-r17-inner { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.wg-r17-heading { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(270px,.7fr); gap:48px; align-items:end; margin-bottom:38px; }
.wg-r17-kicker { font-size:11px; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:#347448; margin:0 0 15px; }
.wg-r17-heading h2 { max-width:720px; font-size:clamp(32px,4.1vw,58px); line-height:1.07; letter-spacing:-.045em; font-weight:750; margin:0; }
.wg-r17-intro { font-size:clamp(15px,1.2vw,17px); line-height:1.65; color:#51665a; margin:0; max-width:500px; }
.wg-r17-media-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:20px; }
.wg-r17-media-card { grid-column:span 4; background:white; border:1px solid #dce6db; border-radius:18px; margin:0; overflow:hidden; min-width:0; box-shadow:0 10px 26px rgba(18,50,33,.055); }
.wg-r17-media-card.wg-r17-feature { grid-column:span 6; }
.wg-r17-count-3 .wg-r17-media-card:nth-child(n+2) { grid-column:span 3; }
.wg-r17-count-2 .wg-r17-media-card { grid-column:span 6; }
.wg-r17-media-card .wg-r17-image-wrap { aspect-ratio: 1.35/1; overflow:hidden; background:#dce6db; }
.wg-r17-feature .wg-r17-image-wrap { aspect-ratio: 1.55/1; }
.wg-r17-media-card img { display:block; width:100%; height:100%; object-fit:cover; transition: transform .6s ease; }
@media(hover:hover) { .wg-r17-media-card:hover img { transform:scale(1.025); } }
.wg-r17-media-card figcaption { padding:22px 22px 25px; display:grid; gap:6px; }
.wg-r17-media-card figcaption strong { font-size:17px; letter-spacing:-.02em; line-height:1.25; }
.wg-r17-media-card figcaption span { color:#5e6f63; font-size:13px; line-height:1.5; }
.wg-r17-disclaimer { color:#607168; font-size:11px; margin:17px 0 0; }
@media(max-width:900px){
  .wg-r17-heading { grid-template-columns:1fr; gap:16px; }
  .wg-r17-media-card, .wg-r17-media-card.wg-r17-feature, .wg-r17-count-3 .wg-r17-media-card:nth-child(n+2) { grid-column:span 6; }
  .wg-r17-media-card.wg-r17-feature { grid-column:span 12; }
}
@media(max-width:640px){
  .wg-r17-inner {width:calc(100% - 28px)}
  .wg-r17-section {padding:65px 0}
  .wg-r17-media-grid {gap:14px}
  .wg-r17-media-card, .wg-r17-media-card.wg-r17-feature, .wg-r17-count-3 .wg-r17-media-card:nth-child(n+2), .wg-r17-count-2 .wg-r17-media-card {grid-column:span 12}
  .wg-r17-media-card .wg-r17-image-wrap, .wg-r17-feature .wg-r17-image-wrap {aspect-ratio: 1.45/1}
  .wg-r17-media-card figcaption {padding:18px}
  main[data-wg-r17-page="landing"] > .hero {background-position:center, 62% center; background-image:linear-gradient(90deg,rgba(5,23,20,.92),rgba(7,29,25,.55)), url('/site-assets/images/wastegrid-r1/01-landing-hero-gas-power.webp')}
  main[data-wg-r17-page] > .page-hero {background-position:center, 58% center}
}
@media(prefers-reduced-motion:reduce){.wg-r17-media-card img{transition:none}}