.hero-evenings {
  padding-block: var(--space-14);
}

.hero-evenings__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr);
  gap: var(--space-8);
  align-items: center;
}

.hero-evenings__title {
  margin-bottom: var(--space-3);
}

.hero-evenings__subtitle {
  max-width: 36rem;
  color: var(--color-text-muted);
}

.hero-evenings__figure {
  max-width: 520px;
  margin-inline: auto;
}

.hero-evenings__chips {
  margin-top: var(--space-4);
}

.atmosphere-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr);
  gap: var(--space-8);
  align-items: center;
}

.atmosphere-grid__figure,
.espaces-grid__figure,
.galerie-grid__figure {
  max-width: 520px;
  margin-inline: auto;
}

.programme-grid .programme-step .badge {
  margin-bottom: var(--space-3);
}

.public-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr);
  gap: var(--space-8);
}

.espaces-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr);
  gap: var(--space-8);
  align-items: center;
}

.espaces-list {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.espaces-list li strong {
  display: block;
  margin-bottom: 0.1rem;
}

.reservation-grid {
  align-items: flex-start;
}

.reservation-form .w-full {
  width: 100%;
}

.reservation-options {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-3);
}

.galerie-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr);
  gap: var(--space-8);
  align-items: center;
}

.link-inline {
  font-weight: 500;
}

.link-inline::after {
  content: "";
}

@media (min-width: 900px) {
  .hero-evenings__grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  }

  .atmosphere-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  }

  .public-grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
  }

  .espaces-grid {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  }

  .galerie-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  }
}

@media (max-width: 639px) {
  .hero-evenings {
    padding-block: var(--space-10);
  }
}