/* Shared map background for the homepage and Approach hero. */
.approach-hero { position: relative; isolation: isolate; overflow: hidden; }
.approach-hero > * { position: relative; z-index: 1; }
.hero::before, .approach-hero::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: url("/images/new-zealand-hero-map.svg") right -4vw center / auto 125% no-repeat;
  filter: invert(1);
  opacity: .1;
  -webkit-mask-image: linear-gradient(to right, transparent 5%, #000 75%);
  mask-image: linear-gradient(to right, transparent 5%, #000 75%);
}
@media (max-width: 760px) {
  .hero::before, .approach-hero::before {
    background-position: center;
    background-size: auto 95%;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 55%, #000);
    mask-image: linear-gradient(to bottom, transparent, #000 55%, #000);
  }
}