/* ------------------------------------------------------------
   6. MARQUEE
   ------------------------------------------------------------ */
.ord-marquee {
	background: var(--ink);
	border-top: 2.5px solid var(--ink);
	border-bottom: 2.5px solid var(--ink);
	overflow: clip;
	padding: 18px 0;
	position: relative;
}

.ord-marquee-track {
	display: flex;
	width: max-content;
	animation: ord-marquee 30s linear infinite;
}

.ord-marquee:hover .ord-marquee-track {
	animation-play-state: paused;
}

.ord-marquee-group {
	display: flex;
	align-items: center;
	gap: 30px;
	padding-right: 30px;
}

.ord-marquee-item {
	font-family: var(--ord-font-heading);
	font-size: 1.15rem;
	font-weight: 700;
	letter-spacing: -0.02em;
	color: var(--paper);
	white-space: nowrap;
}

.ord-marquee-item--mint { color: var(--mint); }

.ord-marquee-dot {
	color: var(--mint);
	font-size: 1rem;
}

@keyframes ord-marquee {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}