.section-hero {
  padding-block: var(--space-16);
}

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

.hero-content {
  max-width: 34rem;
}

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

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

.hero-media {
  display: flex;
  justify-content: center;
}

.hero-figure {
  max-width: 480px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.section-mobile-grid,
.section-team-grid,
.section-style-grid,
.section-atmosphere-grid,
.section-booking-grid {
  gap: var(--space-8);
  align-items: center;
}

.section-mobile-card,
.section-booking-card {
  height: 100%;
}

.section-mobile-list,
.section-team-list,
.section-style-list,
.section-contact-list {
  list-style: none;
  padding: 0;
  margin: var(--space-4) 0 0;
}

.section-mobile-list li,
.section-team-list li,
.section-style-list li,
.section-contact-list li {
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
  padding-left: 1.25rem;
  position: relative;
}

.section-mobile-list li::before,
.section-team-list li::before,
.section-style-list li::before,
.section-contact-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.55rem;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: linear-gradient(135deg, #d6b07a, #c89b60);
}

.section-mobile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin-top: var(--space-4);
}

.section-formats-grid,
.section-stories-grid {
  margin-top: var(--space-8);
}

.format-card-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.section-team-media,
.section-style-media,
.section-atmosphere-media,
.section-stories-media {
  display: flex;
  justify-content: center;
}

.section-figure {
  max-width: 460px;
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}

.section-atmosphere-grid {
  gap: var(--space-10);
}

.section-stories {
  text-align: left;
}

.story-card {
  position: relative;
}

.story-quote {
  font-size: var(--font-size-sm);
  font-style: italic;
  color: var(--color-text-muted);
}

.story-meta {
  margin-top: var(--space-3);
  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--gray-600);
}

.section-booking-steps {
  margin: var(--space-4) 0 var(--space-4);
  padding-left: 1.25rem;
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.section-booking-steps li + li {
  margin-top: 0.4rem;
}

.section-legal-inner {
  max-width: 800px;
}

.section-legal-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

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

  .hero-content {
    max-width: 100%;
  }

  .hero-media {
    margin-top: var(--space-6);
  }
}