html {
  scroll-behavior: smooth;
}

.hero--roulette {
  position: relative;
}

.hero--roulette::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 10% 0, rgba(245, 196, 107, 0.25), transparent 55%), radial-gradient(circle at 80% 100%, rgba(199, 146, 58, 0.3), transparent 55%);
  opacity: 0.55;
  mix-blend-mode: screen;
  pointer-events: none;
}

.hero--roulette .hero__inner {
  position: relative;
  z-index: 1;
}

.hero--roulette .hero__content {
  max-width: 36rem;
}

.hero-card--roulette {
  border-radius: var(--radius-glass);
  border: 1px solid rgba(245, 196, 107, 0.4);
}

.hero-card--roulette .hero-card__chips {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 575.98px) {
  .hero-card--roulette .hero-card__chips {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.section-experience {
  position: relative;
}

.section-experience::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 0 0, rgba(245, 196, 107, 0.16), transparent 60%);
  opacity: 0.7;
  pointer-events: none;
}

.section-experience .container {
  position: relative;
  z-index: 1;
}

.experience-image,
.moments-image,
.why-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-moments {
  background: radial-gradient(circle at top, rgba(245, 196, 107, 0.12), transparent 60%);
}

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

.feature-card {
  height: 100%;
}

.feature-card__title {
  font-family: var(--font-display);
  font-size: var(--font-size-lg);
  margin-bottom: var(--space-xs);
}

.feature-card__text {
  font-size: var(--font-size-sm);
  line-height: var(--line-height-relaxed);
}

.section-why {
  position: relative;
}

.section-why::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 100% 0, rgba(245, 196, 107, 0.18), transparent 60%);
  opacity: 0.7;
  pointer-events: none;
}

.section-why .container {
  position: relative;
  z-index: 1;
}

.section-cta {
  background: radial-gradient(circle at 50% 0, rgba(245, 196, 107, 0.2), rgba(5, 6, 8, 1));
}

.cta-card {
  text-align: center;
}

.btn-group--center {
  justify-content: center;
}

@media (max-width: 767.98px) {
  .btn-group--center {
    flex-direction: column;
    align-items: stretch;
  }
}

.notice-bar--fixed-roulette {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: var(--z-notice);
}

.nav-toggle {
  display: flex;
  flex-direction: column;
}

.hero__content,
.hero__visual,
.media-col,
.grid-item,
.card,
.btn,
.timeline-item,
.cta-card {
  min-width: 0;
}

.btn {
  max-width: 100%;
}

.section,
.hero {
  overflow-x: hidden;
}

@media (max-width: 479.98px) {
  .hero__title {
    word-break: break-word;
  }
}