/* Localized graphite text halo for every inner-page hero. */
.page-hero:not(.about-hero-halo) .page-hero-overlay {
  display: none;
  background: none;
}

.page-hero:not(.about-hero-halo) .page-hero-content {
  z-index: 2;
  isolation: isolate;
}

.page-hero:not(.about-hero-halo) .page-hero-content::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: clamp(32px, 5vw, 54px);
  bottom: clamp(32px, 5vw, 54px);
  left: clamp(-40px, -2.6vw, -22px);
  width: min(960px, calc(100% + 32px));
  pointer-events: none;
  background: linear-gradient(90deg,
    rgba(43, 47, 51, .46) 0%,
    rgba(43, 47, 51, .4) 72%,
    rgba(43, 47, 51, .22) 90%,
    rgba(43, 47, 51, 0) 100%);
}

@media (max-width: 760px) {
  .page-hero:not(.about-hero-halo) .page-hero-content::before {
    top: 28px;
    bottom: 28px;
    left: -18px;
    width: calc(100% + 18px);
  }
}

@media (prefers-contrast: more) {
  .page-hero:not(.about-hero-halo) .page-hero-content::before {
    background: linear-gradient(90deg,
      rgba(43, 47, 51, .8) 0%,
      rgba(43, 47, 51, .72) 85%,
      rgba(43, 47, 51, 0) 100%);
  }
}