.hero-roulette {
  position: relative;
  overflow: hidden;
}
.hero-roulette__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.hero-roulette__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero-roulette__content {
  max-width: 40rem;
  padding-top: var(--space-32);
  padding-bottom: var(--space-32);
}
.hero-roulette__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
}
.hero-roulette__note {
  max-width: 32rem;
}
.roulette-image-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.roulette-steps {
  padding-left: 1.25rem;
}
.roulette-steps li + li {
  margin-top: var(--space-4);
}
.roulette-packages .card {
  height: 100%;
}
.roulette-faq .faq-summary {
  cursor: pointer;
  font-weight: 500;
}
.roulette-faq .faq-summary::-webkit-details-marker {
  display: none;
}
.roulette-faq .faq-summary::after {
  content: "+";
  float: right;
}
.roulette-faq details[open] .faq-summary::after {
  content: "\2212";
}
.roulette-faq .faq-content {
  margin-top: var(--space-8);
}
.roulette-cta {
  background: radial-gradient(circle at top left, var(--color-primary-subtle), transparent 60%), var(--color-bg);
}
@media (min-width: 960px) {
  .hero-roulette__content {
    padding-top: var(--space-40);
    padding-bottom: var(--space-40);
  }
}