/* =============================================================================
 * Marquee — editorial scrolling band
 * ========================================================================== */

.exspa-marquee {
	position: relative;
	overflow: hidden;
	background: var(--exspa-sage-deep, #2B2522);
	color: var(--exspa-cream, #EFE8DA);
	padding: 28px 0;
	border-top: 1px solid rgba(239, 232, 218, 0.08);
	border-bottom: 1px solid rgba(239, 232, 218, 0.08);
}

.exspa-marquee__track {
	display: flex;
	gap: 56px;
	align-items: center;
	white-space: nowrap;
	will-change: transform;
	animation: exspa-marquee-scroll 32s linear infinite;
	width: max-content;
}

.exspa-marquee:hover .exspa-marquee__track {
	animation-play-state: paused;
}

.exspa-marquee__phrase {
	font-family: 'Cormorant Garamond', 'EB Garamond', Georgia, serif;
	font-size: clamp(28px, 4vw, 56px);
	font-style: italic;
	font-weight: 400;
	letter-spacing: -0.005em;
	color: var(--exspa-cream, #EFE8DA);
	flex-shrink: 0;
}

.exspa-marquee__dot {
	font-size: 18px;
	color: var(--exspa-gold, #8B6F3D);
	opacity: 0.85;
	flex-shrink: 0;
}

@keyframes exspa-marquee-scroll {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

@media (max-width: 540px) {
	.exspa-marquee {
		padding: 20px 0;
	}
	.exspa-marquee__track {
		gap: 32px;
		animation-duration: 24s;
	}
	.exspa-marquee__dot {
		font-size: 17px;
	}
}