.hero--experiences .hero__overlay {
  background:
    radial-gradient(circle at top, rgba(15, 23, 42, 0.35), transparent 55%),
    linear-gradient(135deg, rgba(37, 99, 235, 0.9), rgba(168, 85, 247, 0.9));
}

.hero--experiences .hero__title {
  max-width: 32rem;
}

.hero--experiences .hero__subtitle {
  max-width: 40rem;
}

.experiences-grid {
  align-items: stretch;
}

.experiences-card-media {
  margin: -1.5rem -1.5rem var(--space-4);
  border-radius: calc(var(--radius-lg) - 4px);
  overflow: hidden;
}

.experiences-card-media img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.experiences-card-media--highlight img {
  height: 260px;
}

.experiences-card-cta {
  margin-top: var(--space-4);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  align-items: center;
}

.experiences-card-cta--stack {
  flex-direction: column;
  align-items: flex-start;
}

.experiences-grid--memories {
  align-items: center;
}

@media (max-width: 768px) {
  .experiences-card-media {
    margin: -1rem -1rem var(--space-3);
  }

  .experiences-card-media img,
  .experiences-card-media--highlight img {
    height: 200px;
  }

  .experiences-card-cta {
    flex-direction: column;
    align-items: flex-start;
  }
}