.hero-roulette {
	background: radial-gradient(
		circle at top,
		#211d1a 0,
		#15110f 60%,
		#211d1a 100%
	);
	color: #f8f5ee;
}
.hero-layout--roulette .hero-title {
	color: #f8f5ee;
}
.hero-layout--roulette .hero-lede {
	color: rgba(248, 245, 238, 0.8);
}
.hero-layout--roulette .hero-eyebrow {
	color: rgba(248, 245, 238, 0.7);
}
.hero-layout--roulette .hero-badge {
	background-color: rgba(23, 18, 15, 0.9);
	color: rgba(248, 245, 238, 0.8);
	border-color: rgba(231, 216, 186, 0.6);
}
.hero-panel--roulette {
	background: radial-gradient(circle at top, #14100e, #000);
	border-color: rgba(231, 216, 186, 0.6);
}
.hero-panel-inner--roulette {
	gap: 24px;
}
.hero-roulette-scene {
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	background: radial-gradient(circle at top, #3b2721, #15110f);
	box-shadow: 0 22px 60px rgba(0, 0, 0, 0.95);
}
.hero-roulette-image-shell {
	position: relative;
	overflow: hidden;
}
.hero-roulette-image-shell img {
	width: 100%;
	height: auto;
	display: block;
	transform: scale(1.03);
	transform-origin: center;
}
.hero-roulette-overlay {
	position: absolute;
	inset: auto 18px 18px auto;
	display: flex;
	gap: 6px;
	align-items: flex-end;
}
.hero-roulette-chip {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 3px solid #e7d8ba;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.9);
}
.hero-roulette-chip--brass {
	background-color: #b58a52;
}
.hero-roulette-chip--burgundy {
	background-color: #542f32;
}
.hero-roulette-chip--olive {
	background-color: #465044;
}
.hero-panel-footer--roulette {
	color: rgba(248, 245, 238, 0.82);
}
.hero-panel-footer--roulette .hero-panel-footer-pill {
	border-color: rgba(231, 216, 186, 0.7);
	color: rgba(248, 245, 238, 0.9);
}
.roulette-hero-meta {
	margin-top: 20px;
}
.roulette-feature-grid {
	align-items: flex-start;
}
.roulette-feature-card {
	height: 100%;
}
.roulette-image-block {
	border-radius: 16px;
	overflow: hidden;
	margin-bottom: 16px;
	background: #000;
}
.roulette-image-block img {
	display: block;
	width: 100%;
	height: auto;
}
.roulette-image-block--cocktail {
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.85);
}
.roulette-dining {
	align-items: center;
	gap: 40px;
}
.roulette-cocktail-card {
	margin-top: 20px;
}
.roulette-how-grid {
	gap: 40px;
}
.roulette-timeline .timeline-title {
	color: #f8f5ee;
}
.roulette-timeline .timeline-copy {
	color: rgba(248, 245, 238, 0.8);
}
.roulette-responsible-panel {
	background: radial-gradient(circle at 0 0, #f8f5ee, #e7d8ba);
	color: #211d1a;
}
.roulette-package-grid .table-game-card {
	min-height: 100%;
}
.roulette-cta-final {
	align-items: center;
	gap: 32px;
}
.roulette-cta-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 12px;
}
@media (max-width: 899.98px) {
	.roulette-cta-buttons {
		justify-content: flex-start;
	}
	.hero-roulette {
		padding-top: calc(var(--space-8) + var(--nav-height));
		padding-bottom: var(--space-8);
	}
}
@media (max-width: 767.98px) {
	.roulette-dining {
		gap: 28px;
	}
	.roulette-how-grid {
		gap: 28px;
	}
}