.roulette-hero-section {
  background: radial-gradient(circle at 0 0, rgba(169, 130, 82, 0.18) 0, transparent 45%), #FAF8F3;
}

.roulette-hero-layout {
  align-items: center;
}

.roulette-hero-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.roulette-chip-row {
  margin-top: var(--space-4);
}

.roulette-hero-visual {
  padding: var(--space-4);
}

.roulette-hero-image-wrap {
  position: relative;
  inset: 10%;
  border-radius: var(--radius-xl);
  overflow: hidden;
  margin: 10%;
  background-color: #0f1512;
}

.roulette-hero-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.roulette-hero-overlay-card {
  position: absolute;
  left: 8%;
  bottom: 8%;
  max-width: 260px;
}

.roulette-wheel-inline {
  position: absolute;
  right: 6%;
  top: 10%;
  transform: scale(0.72);
}

.roulette-table-section {
  background: #F1ECE2;
}

.roulette-asymmetric {
  align-items: flex-start;
}

.roulette-table-media {
  display: flex;
  align-items: center;
  justify-content: center;
}

.roulette-table-figure {
  padding: var(--space-3);
}

.roulette-figcaption {
  margin-top: var(--space-2);
  font-size: var(--font-size-xs);
  color: var(--color-muted);
}

.roulette-design-section {
  background: #FAF8F3;
}

.roulette-design-grid {
  align-items: stretch;
}

.roulette-illustration-wrap {
  margin-top: var(--space-4);
  display: flex;
  align-items: center;
  justify-content: center;
}

.roulette-wheel-illustration {
  margin-top: var(--space-2);
}

.roulette-host-section {
  background: #F1ECE2;
}

.roulette-host-grid {
  align-items: stretch;
}

.roulette-responsibility-section {
  background: #FAF8F3;
}

.roulette-responsibility-grid {
  align-items: flex-start;
}

.roulette-inline-responsible {
  margin-top: var(--space-4);
}

.roulette-bullet-list .badge {
  margin-top: var(--space-1);
}

.roulette-cta-section {
  background: #F1ECE2;
}

.roulette-cta-card {
  padding: var(--space-6);
}

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

.roulette-cta-actions {
  align-items: flex-start;
}

.roulette-final-notice {
  margin-top: var(--space-4);
}

@media (max-width: 960px) {
  .roulette-hero-image-wrap {
    margin: 14% 6%;
  }
  .roulette-wheel-inline {
    transform: scale(0.6);
    right: 2%;
    top: 6%;
  }
  .roulette-cta-card {
    padding: var(--space-5);
  }
}

@media (max-width: 640px) {
  .roulette-hero-cta-row {
    flex-direction: column;
    align-items: flex-start;
  }
  .roulette-hero-image-wrap {
    margin: 16% 4%;
  }
  .roulette-hero-overlay-card {
    left: 6%;
    right: 6%;
    bottom: 6%;
  }
  .roulette-cta-card {
    padding: var(--space-4);
  }
}

css[id="dininggrill-final"]
ul {
    list-style: none !important;
}

css[id="dininggrill-final"]
.nav-toggle {
    flex-direction: column;
}