.page-hero-image {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #051424;
}

.page-hero-image::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(3, 16, 29, .86) 0%, rgba(3, 16, 29, .68) 46%, rgba(3, 16, 29, .34) 100%),
    linear-gradient(0deg, rgba(5, 20, 36, .34), rgba(5, 20, 36, .03));
}

.page-hero-media {
  position: absolute;
  z-index: -2;
  inset: 0;
  display: block;
}

.page-hero-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  filter: saturate(.92) contrast(1.02);
}

.page-hero-image .narrow {
  position: relative;
}

@media (max-width: 850px) {
  .page-hero-image::after {
    background: linear-gradient(90deg, rgba(3, 16, 29, .84), rgba(3, 16, 29, .5));
  }
}