/**
 * Word marquee — continuously scrolling strip of the coalition's own
 * focus-area words, alternating solid and hollow-stroke (the same
 * solid-to-hollow split used on every heading sitewide), separated by
 * amber dots. Same infinite-loop technique as nashon/partners: two
 * identical rows back to back, animated exactly one row-width per
 * loop so the seam is invisible — reused, not reinvented.
 */
.word-marquee {
	padding: 0;
	background: var(--wp--preset--color--base);
	overflow: hidden;
}
.word-marquee__viewport {
	overflow: hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.word-marquee__track {
	display: flex;
	width: max-content;
	animation: word-marquee-scroll 26s linear infinite;
}
.word-marquee__viewport:hover .word-marquee__track {
	animation-play-state: paused;
}
@keyframes word-marquee-scroll {
	from {
		transform: translateX(-50%);
	}
	to {
		transform: translateX(0);
	}
}

.word-marquee__row {
	display: flex;
	align-items: center;
	flex: none;
	gap: clamp(20px, 3vw, 36px);
	padding-right: clamp(20px, 3vw, 36px);
}
.word-marquee__item {
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--display);
	font-size: clamp(1.75rem, 4vw, 3rem);
	font-weight: 800;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	white-space: nowrap;
}
.word-marquee__item--hollow {
	color: transparent;
	-webkit-text-stroke: 1.5px #000;
}
.word-marquee__dot {
	width: 12px;
	height: 12px;
	flex: none;
	border-radius: 50%;
	background: var(--wp--preset--color--secondary);
}

@media (prefers-reduced-motion: reduce) {
	.word-marquee__track {
		animation: none;
	}
	.word-marquee__viewport {
		overflow-x: auto;
	}
}