/* Localized graphite halo for the About page hero; the photograph stays clear. */
.page-hero.about-hero-halo .page-hero-overlay {
  display: none;
  background: none;
}

.page-hero.about-hero-halo .page-hero-copy-halo {
  position: relative;
  isolation: isolate;
  width: min(960px, calc(100% + 32px));
  margin-left: clamp(-40px, -2.6vw, -22px);
  padding: clamp(24px, 3vw, 38px) clamp(22px, 3.2vw, 44px);
}

.page-hero.about-hero-halo .page-hero-copy-halo::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  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.about-hero-halo .page-hero-copy-halo {
    width: calc(100% + 18px);
    margin-left: -18px;
    padding: 24px 18px;
  }
}

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