/* Inner-page hero backgrounds — responsive WebP via <picture> (768 / 1920) */

.page-header.products-hero,
.page-header.contact-hero,
.page-solutions .about-hero-section,
.page-about .about-hero-section,
.page-telecom-solutions .about-hero-section,
.page-energy-storage-solutions .about-hero-section,
.page-news .news-hero.page-header {
  position: relative;
  overflow: hidden;
  background: var(--primary-700);
  isolation: isolate;
}

.page-header.products-hero > .page-header__bg,
.page-header.contact-hero > .page-header__bg,
.page-solutions .about-hero-bg,
.page-about .about-hero-bg,
.page-telecom-solutions .about-hero-bg,
.page-energy-storage-solutions .about-hero-bg,
.page-news .news-hero > .page-header__bg {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.page-header__bg picture,
.about-hero-bg picture {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.page-header__bg img,
.about-hero-bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.page-header.contact-hero > .page-header__bg img {
  object-position: right center;
}

.page-header.products-hero > .page-header__bg::after,
.page-header.contact-hero > .page-header__bg::after,
.page-solutions .about-hero-bg::after,
.page-about .about-hero-bg::after,
.page-telecom-solutions .about-hero-bg::after,
.page-energy-storage-solutions .about-hero-bg::after,
.page-news .news-hero > .page-header__bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: var(--site-hero-overlay);
  pointer-events: none;
}

.page-header.products-hero > .container,
.page-header.contact-hero > .container,
.page-solutions .about-hero-section > .container,
.page-about .about-hero-section > .container,
.page-telecom-solutions .about-hero-section > .container,
.page-energy-storage-solutions .about-hero-section > .container,
.page-news .news-hero > .container {
  position: relative;
  z-index: 2;
}