/* Same artwork and crop; background-only exports keep full-resolution viewers intact. */
.area-hero-art {
  background-image: url('/correction-assets/area-hero-antenna-1800.webp');
  background-image: image-set(url('/correction-assets/area-hero-antenna-1800.webp') 1x);
}
@media (max-width:650px) {
  .area-hero-art {
    background-image: url('/correction-assets/area-hero-antenna-1200.webp');
    background-image: image-set(url('/correction-assets/area-hero-antenna-600.webp') 1x, url('/correction-assets/area-hero-antenna-1200.webp') 2x, url('/correction-assets/area-hero-antenna-1800.webp') 3x);
  }
}
/* Hero and closing artwork make the same choice, sharing one cached resource.
   Keep the source inline styles, crop and background size for graceful fallback. */
.homepage-corrected .approved-hero .hero-art,
.homepage-corrected .approved-closing {
  background-image:url('/correction-assets/brand-hero-v1.webp')!important;
}
@media (max-width:1200px) {
  .homepage-corrected .approved-hero .hero-art,
  .homepage-corrected .approved-closing {
    background-image:url('/correction-assets/brand-hero-v1-1200.webp')!important;
    background-image:image-set(url('/correction-assets/brand-hero-v1-1200.webp') 1x, url('/correction-assets/brand-hero-v1.webp') 2x)!important;
  }
}