/* 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.
   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"]
) {
  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;
}