/* ZEISS promotions: supplied campaign artwork is intentionally shown without text overlays. */
.promos__heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
}

.promos__heading .section-title { margin: 0; }
.promos__heading .section-kicker { margin: 0 0 4px; }

.promo-grid.promo-grid--zeiss {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-flow: dense;
  gap: 18px;
  margin-top: 42px;
}

.promo-grid--zeiss .promo-card {
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgb(21 38 63 / 10%);
  border-radius: 24px;
  background: #eef3f7;
  box-shadow: 0 12px 30px rgb(16 32 53 / 7%);
}

.promo-grid--zeiss .promo-card img {
  display: block;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 0;
  box-shadow: none;
  transition: transform .5s cubic-bezier(.2, .65, .2, 1), filter .5s ease;
}

.promo-grid--zeiss .promo-card:hover img {
  filter: saturate(1.08);
  transform: scale(1.045);
}

.promo-grid--zeiss .promo-card--featured {
  grid-column: span 2;
  grid-row: span 2;
}

.promo-grid--zeiss .promo-card--featured img {
  height: 100%;
  aspect-ratio: auto;
}

.promo-grid--zeiss .promo-card--wide { grid-column: span 2; }
.promo-grid--zeiss .promo-card--wide img { aspect-ratio: 7 / 5; }

@media (max-width: 767px) {
  .promos__heading { display: block; }
  .promos__heading .section-kicker { margin-bottom: 8px; }

  .promo-grid.promo-grid--zeiss {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 30px;
  }

  .promo-grid--zeiss .promo-card { border-radius: 16px; }
  .promo-grid--zeiss .promo-card--featured {
    grid-column: span 2;
    grid-row: span 2;
  }

  .promo-grid--zeiss .promo-card--wide { grid-column: span 2; }
}