/*
 * Master Rummy premium homepage component layer.
 * This file is intentionally dependency-free and safe to load before the
 * future compiled Tailwind bundle. Tailwind utilities are still supplied by
 * the required CDN configuration until the production build pipeline exists.
 */

:root {
	--mr-black: #0a0a0d;
	--mr-dark: #121217;
	--mr-gold: #d4af37;
	--mr-gold-light: #ffe17d;
}

.editorial-display {
	font-family: Georgia, "Times New Roman", serif;
	font-kerning: normal;
	text-wrap: balance;
}

.metal-band {
	background:
		linear-gradient(110deg, rgba(255, 225, 125, 0.11), rgba(18, 18, 23, 0.96) 28%, rgba(212, 175, 55, 0.08) 72%, rgba(18, 18, 23, 0.96));
	box-shadow:
		inset 0 1px 0 rgba(255, 225, 125, 0.22),
		inset 0 -1px 0 rgba(170, 130, 10, 0.16),
		0 24px 70px rgba(0, 0, 0, 0.28);
}

.editorial-frame {
	box-shadow:
		0 45px 110px rgba(0, 0, 0, 0.58),
		0 0 0 1px rgba(255, 225, 125, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.editorial-frame::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 24%, transparent 68%, rgba(10, 10, 13, 0.7));
}

@media (max-width: 767px) {
	.editorial-display {
		text-wrap: pretty;
	}
}

@media (prefers-reduced-motion: reduce) {
	.editorial-frame,
	.metal-band {
		scroll-behavior: auto;
	}
}