/* Dedicated illustrative hero imagery; approved page typography and sections stay intact. */
.hero .hero-image {
  object-position: 70% 50%;
}

.page-hero--editorial {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
.page-hero--editorial .page-hero-copy {
  position: relative;
  z-index: 1;
}
.page-hero--editorial .page-hero-media {
  position: absolute;
  inset: 0 0 0 auto;
  width: 44%;
  height: 100%;
  aspect-ratio: auto;
  z-index: 0;
}
.page-hero--editorial .page-hero-media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,var(--light),rgba(242,243,239,.96) 20%,rgba(242,243,239,.8) 42%,rgba(242,243,239,.15));
}
.page-hero--editorial .page-hero-media img {
  object-position: 50% 45%;
}

@media (max-width: 960px) {
  .page-hero--editorial .page-hero-media {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 3/1;
    margin-top: 32px;
  }
  .page-hero--editorial .page-hero-media::after {
    display: none;
  }
}
@media (max-width: 640px) {
  .page-hero--editorial .page-hero-media {
    aspect-ratio: 2.6/1;
    margin-top: 24px;
  }
  .page-hero-media img[src*="ceiling-fan-installation-hero"] {
    object-position: 50% 30%;
  }
  .page-hero-media img[src*="electrical-troubleshooting-hero"] {
    object-position: 50% 75%;
  }
}
@media (max-width: 540px) {
  .hero .hero-image {
    object-position: 78% 50%;
  }
}