/* Approved light-theme hero surfaces, 2026-10-19.
   Only backgrounds change; photographs, layout and motion remain original. */
html:not([data-theme="dark"]) main > .home-hero .hero-slider,
html:not([data-theme="dark"]) main > .home-hero .hero-slide,
html:not([data-theme="dark"]) main > .stock-hero .stock-feature-slider,
html:not([data-theme="dark"]) main > .stock-hero .stock-feature-slide {
  background-color: #f2f9fd;
  background-image: url("hero-grid/perspective-grid-20261019.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

html:not([data-theme="dark"]) main > .home-hero .hero-slider,
html:not([data-theme="dark"]) main > .stock-hero .stock-feature-slider {
  isolation: isolate;
}

html:not([data-theme="dark"]) main > .home-hero .hero-slide img,
html:not([data-theme="dark"]) main > .stock-hero .stock-feature-slide img {
  background: transparent;
}

/* These three original photos have opaque white margins. Darken keeps darker
   product pixels intact while letting the pale backdrop replace white margins.
   The data marker survives responsive-image renaming. Transparent photos use
   normal compositing. No source photo is modified. */
html:not([data-theme="dark"]) main > .home-hero .hero-slide img:is(
  [src*="proposal-2026.webp"],
  [src*="hero-ff100-gy315-white"],
  [src*="hero-aft-hose-pump.png"],
  [data-hero-white-bg]
) {
  mix-blend-mode: darken;
}

html:not([data-theme="dark"]) main > .service-hero .service-hero-panel,
html:not([data-theme="dark"]) main > .site-hero .press-hero-showcase {
  background-color: #f1f8fc;
  background-image: url("hero-grid/flat-grid-20261019.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}