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

.roulette-hero-content {
  max-width: 620px;
}

.roulette-hero-media-wrapper {
  max-width: 520px;
  margin-left: auto;
}

.roulette-hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

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

.roulette-feature-list ul {
  display: grid;
  gap: var(--space-2);
  font-size: var(--font-size-sm);
  color: var(--color-text-muted);
}

.roulette-feature-list li::before {
  content: "•";
  margin-right: 8px;
  color: var(--color-accent-cyan);
}

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

.roulette-mobility-media {
  max-width: 760px;
  margin-inline: auto;
}

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

.roulette-atmosphere-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

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

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

.roulette-faq-list {
  margin-top: var(--space-6);
}

.roulette-faq-cta p {
  color: var(--color-text-muted);
}

@media (max-width: 1024px) {
  .roulette-hero-grid,
  .roulette-feature-grid,
  .roulette-atmosphere-grid,
  .roulette-gallery-grid {
    gap: var(--space-6);
  }

  .roulette-hero-media-wrapper,
  .roulette-mobility-media {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  .roulette-hero {
    padding-top: var(--space-12);
  }

  .roulette-hero-grid {
    text-align: left;
  }

  .roulette-hero-cta {
    flex-direction: column;
    align-items: stretch;
  }

  .roulette-hero-meta {
    justify-content: flex-start;
  }
}

@media (max-width: 640px) {
  .roulette-gallery-grid,
  .roulette-atmosphere-grid {
    grid-auto-flow: row;
  }
}