/* Supplied banners contain edge-to-edge artwork and must remain uncropped. */
html[data-mzh-customizer] body.home .home-hero[data-mzh-media-slider] {
  height: auto;
  min-height: 0;
  aspect-ratio: var(--mzh-media-aspect, 1425 / 650);
  margin-top: 90px;
}

html[data-mzh-customizer] body.home [data-mzh-media-slider] .hero-image {
  object-fit: contain;
  object-position: center;
  transform: none;
  transition: opacity 1s;
}

@media (max-width: 760px) {
  html[data-mzh-customizer] body.home .home-hero[data-mzh-media-slider] {
    margin-top: 72px;
  }

  .home-hero .hero-media-controls {
    left: 8px;
    bottom: 8px;
    gap: 4px;
  }

  .home-hero .hero-media-controls button {
    min-width: 30px;
    min-height: 30px;
    padding: 5px 8px;
    font-size: 11px;
  }
}

.hero-media-controls {
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 3;
  display: flex;
  gap: 6px;
}

.hero-media-controls button {
  min-height: 38px;
  min-width: 38px;
  padding: 8px 12px;
  border: 1px solid #fff;
  border-radius: 4px;
  background: #07182ecc;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}

.hero-media-controls [data-media-target][aria-pressed="true"] {
  background: #fff;
  color: #07182e;
}

/* Keep the two company cards equal while retaining the mobile stack. */
@media (min-width: 761px) {
  html[data-mzh-activities] .activities-home .activity-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }

  html[data-mzh-activities] .activities-home .activity-grid .activity-card {
    grid-column: auto;
    height: 680px;
    margin-top: 0;
  }

  html[data-mzh-activities="editorial"] .activities-home .activity-grid .activity-card {
    height: 760px;
  }
}