.hero--spectacles {
  position: relative;
  background: radial-gradient(circle at 0 0, rgba(224, 185, 106, 0.22), transparent 55%), radial-gradient(circle at 100% 0, rgba(224, 185, 106, 0.12), transparent 55%), linear-gradient(145deg, #090a10, #111218 55%, #090a10 100%);
}
.hero__breadcrumb {
  margin-bottom: var(--space-6);
}
.hero-spectacles__layout {
  align-items: center;
}
.hero-spectacles__content {
  max-width: 38rem;
}
.hero-spectacles__actions {
  margin-top: var(--space-5);
}
.hero-spectacles__media {
  position: relative;
}
.hero-spectacles__figure {
  margin: 0;
  border-radius: var(--radius-lg);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: var(--shadow-soft);
  background: #05060a;
}
.hero-spectacles__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-spectacles__caption {
  padding: var(--space-3) var(--space-4);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.hero-spectacles__meta {
  margin-top: var(--space-4);
}
.section--spectacles {
  background: radial-gradient(circle at 0 0, rgba(224, 185, 106, 0.12), transparent 55%);
}
.section-spectacles__header {
  max-width: var(--container-md);
}
.section-spectacles__grid {
  align-items: stretch;
}
.section-spectacles__card {
  height: 100%;
}
.section-spectacles__list {
  list-style: disc;
  padding-left: 1.25rem;
  margin: 0;
  display: grid;
  gap: var(--space-3);
}
.section-spectacles__media-card {
  height: 100%;
}
.section-spectacles__image {
  max-height: 420px;
}
.section--diners {
  background-color: var(--color-bg-alt);
}
.section-diners__layout {
  align-items: center;
}
.section-diners__content {
  height: 100%;
}
.section-diners__list {
  list-style: disc;
  padding-left: 1.25rem;
  margin: var(--space-4) 0 0;
  display: grid;
  gap: var(--space-3);
}
.section-diners__figure {
  margin: 0;
}
.section-diners__image {
  border-radius: var(--radius-lg);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: var(--shadow-soft);
}
.section-diners__caption {
  margin-top: var(--space-3);
}
.section-diners__footer {
  margin-top: var(--space-4);
}
.section--reglementation {
  background-color: var(--color-bg);
}
.section-reglementation__grid {
  align-items: stretch;
  gap: var(--grid-gap-lg);
}
.section-reglementation__card {
  height: 100%;
}
.section-reglementation__card--accent {
  background: radial-gradient(circle at 0 0, rgba(224, 185, 106, 0.16), #14151d);
}
.section-reglementation__list {
  list-style: disc;
  padding-left: 1.25rem;
  margin: 0;
  display: grid;
  gap: var(--space-3);
}
.section-reglementation__footer {
  margin-top: var(--space-4);
}
.section--regions {
  background-color: var(--color-bg-alt);
}
.section-regions__grid {
  gap: var(--grid-gap-lg);
}
.section-regions__card {
  height: 100%;
}
.section-regions__list {
  list-style: disc;
  padding-left: 1.25rem;
  margin: var(--space-4) 0 0;
  display: grid;
  gap: var(--space-3);
}
.section-regions__card--littoral {
  background: radial-gradient(circle at 0 0, rgba(224, 185, 106, 0.22), #14151d);
}
.section-regions__card--thermal {
  background: radial-gradient(circle at 50% 0, rgba(224, 185, 106, 0.18), #14151d);
}
.section-regions__card--metropole {
  background: radial-gradient(circle at 100% 0, rgba(224, 185, 106, 0.22), #14151d);
}
.section--cta-final {
  background-color: var(--color-bg);
}
.section-cta-final__card {
  text-align: center;
}
.section-cta-final__body {
  max-width: 40rem;
  margin: 0 auto;
}
.section-cta-final__title {
  margin-bottom: var(--space-3);
}
.section-cta-final__footer {
  margin-top: var(--space-4);
}
.section-cta-final__footer .btn {
  min-width: 11rem;
}
@media (max-width: 767.98px) {
  .hero__breadcrumb {
    margin-bottom: var(--space-4);
  }
  .hero-spectacles__figure {
    margin-top: var(--space-6);
  }
  .section-diners__figure {
    margin-top: var(--space-6);
  }
  .section-cta-final__footer {
    flex-direction: column;
    gap: var(--space-3);
  }
}
@media (min-width: 768px) {
  .section-spectacles__media {
    align-self: stretch;
  }
  .section-diners__figure {
    padding-left: var(--space-4);
  }
}
@media (min-width: 1024px) {
  .hero-spectacles__media {
    padding-left: var(--space-8);
  }
  .section-regions__grid {
    align-items: stretch;
  }
}