/* Contextual imagery for Botswana's primary service and location landings. */
.bw-content-hero--media {
  background: var(--bw-ink);
}

.bw-content-hero-media {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
}

.bw-content-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.78) contrast(1.05) brightness(.9);
}

.bw-content-hero--fourby4 .bw-content-hero-media img {
  object-position: 64% 58%;
}

.bw-content-hero--self-drive .bw-content-hero-media img {
  object-position: 68% center;
}

.bw-content-hero--maun .bw-content-hero-media img {
  object-position: 58% 58%;
}

.bw-content-hero--kasane .bw-content-hero-media img {
  object-position: 58% 52%;
}

.bw-content-hero--location .bw-content-hero-media img {
  filter: saturate(.8) contrast(1.03) brightness(.95);
}

.bw-content-hero--media::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(10, 15, 12, .95) 0%, rgba(13, 20, 16, .86) 45%, rgba(16, 26, 21, .58) 100%),
    linear-gradient(0deg, rgba(8, 12, 10, .48), rgba(8, 12, 10, .08));
  content: "";
  pointer-events: none;
}

.bw-content-hero--media::after {
  display: none;
}

.bw-content-hero--location::before {
  background:
    linear-gradient(90deg, rgba(10, 15, 12, .92) 0%, rgba(13, 20, 16, .8) 45%, rgba(16, 26, 21, .54) 100%),
    linear-gradient(0deg, rgba(8, 12, 10, .42), rgba(8, 12, 10, .08));
}

.bw-content-hero--media .bw-content-hero-grid {
  z-index: 2;
}

@media (max-width: 760px) {
  .bw-content-hero--media::before {
    background:
      linear-gradient(0deg, rgba(9, 14, 11, .95) 0%, rgba(11, 17, 14, .82) 64%, rgba(11, 17, 14, .62) 100%),
      linear-gradient(90deg, rgba(9, 14, 11, .55), rgba(9, 14, 11, .24));
  }

  .bw-content-hero--fourby4 .bw-content-hero-media img {
    object-position: 60% center;
  }

  .bw-content-hero--self-drive .bw-content-hero-media img {
    object-position: 70% center;
  }

  .bw-content-hero--maun .bw-content-hero-media img {
    object-position: 78% center;
  }

  .bw-content-hero--kasane .bw-content-hero-media img {
    object-position: 78% center;
  }
}