@charset "UTF-8";

.privatisation-page {
  background: radial-gradient(circle at top left, rgba(201, 166, 103, 0.18), transparent 55%), var(--color-bg);
}

.hero-privatisation {
  padding-top: var(--space-16);
  padding-bottom: var(--space-16);
}

.hero-privatisation-grid {
  align-items: center;
  gap: var(--space-8);
}

.hero-privatisation .hero-kicker {
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: var(--font-size-xs);
  color: var(--color-gold);
}

.hero-privatisation h1 {
  margin-bottom: var(--space-4);
}

.hero-privatisation p {
  max-width: 40rem;
}

.hero-image-wrapper {
  max-width: 480px;
  margin-inline: auto;
}

.hero-image-card {
  padding: var(--space-3);
}

.hero-image-card img {
  border-radius: var(--radius-lg);
}

.hero-image-card figcaption {
  margin-top: var(--space-3);
  font-size: var(--font-size-sm);
  color: var(--gray-600);
}

.hero-tags {
  margin-top: var(--space-4);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.section-intro .intro-highlight {
  align-self: stretch;
}

.intro-step-title {
  font-weight: 500;
  margin-bottom: var(--space-1);
}

.grid-intro-steps {
  margin-top: var(--space-4);
  gap: var(--space-4);
}

.intro-cta {
  margin-top: var(--space-5);
}

.section-experiences .experience-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.section-gastronomie {
  position: relative;
}

.gastronomie-grid {
  gap: var(--space-8);
  align-items: flex-start;
}

.gastronomie-image-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.gastronomie-card img {
  border-radius: var(--radius-md);
}

.gastronomie-card figcaption {
  margin-top: var(--space-3);
  font-size: var(--font-size-sm);
}

.gastronomie-drinks-card {
  background: rgba(10, 7, 4, 0.82);
  color: #f5ede1;
}

.gastronomie-drinks-card h3 {
  color: #f5ede1;
}

.gastronomie-cta {
  margin-top: var(--space-5);
}

.section-ambiance .ambiance-grid {
  gap: var(--space-8);
  align-items: flex-start;
}

.services-card {
  align-self: stretch;
}

.section-espaces .espaces-grid {
  gap: var(--space-8);
  align-items: flex-start;
}

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

.espace-card {
  background-color: var(--color-surface-alt);
}

.exemples-card {
  background: linear-gradient(145deg, var(--color-surface), #f7ecde);
}

.exemples-cta {
  margin-top: var(--space-4);
}

.section-galerie .section-title {
  text-align: left;
}

.galerie-grid-privatisation {
  margin-top: var(--space-4);
}

.section-form .form-grid {
  gap: var(--space-8);
  align-items: flex-start;
}

.privatisation-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.form-note {
  font-size: var(--font-size-sm);
  color: var(--gray-600);
}

.form-consent {
  margin-top: var(--space-2);
}

.form-consent-label {
  display: flex;
  gap: var(--space-2);
  align-items: flex-start;
  font-size: var(--font-size-sm);
  color: var(--gray-700);
}

.form-consent-label input[type="checkbox"] {
  margin-top: 3px;
}

.form-submit {
  margin-top: var(--space-2);
}

.form-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-4);
}

.section-links-inner {
  display: flex;
  justify-content: center;
}

.links-card {
  max-width: 720px;
  text-align: center;
}

.links-grid {
  margin-top: var(--space-4);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-2);
}

@media (max-width: 767px) {
  .hero-privatisation {
    padding-top: var(--space-12);
  }

  .hero-image-wrapper {
    order: -1;
  }

  .hero-image-card {
    margin-bottom: var(--space-6);
  }
}

@media (min-width: 960px) {
  .hero-image-wrapper {
    justify-self: flex-end;
  }
}