/* Scrolling Text ribbon (block slug: neighborhoodlist) */

.neighborhoodlist--section {
	background-color: var(--color-sage-green);
	color: var(--color-gold-text);
	font-family: 'ABC Whyte Inktrap', sans-serif;
	overflow: hidden;
	padding: 45px 0;          /* end-to-end: no left/right padding */
}

@media (max-width: 991px) {
	.neighborhoodlist--section {
		padding: 30px 0;
	}
}

.neighborhoodlist--marquee {
	width: 100%;
	overflow: hidden;
}

.neighborhoodlist--track {
	display: flex;
	width: max-content;
	will-change: transform;
}

.neighborhoodlist--track.is-animating {
	animation: neighborhoodlist-scroll var(--nl-duration, 30s) linear infinite;
}

.neighborhoodlist--group {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 0.9em;
	padding-right: 0.9em;     /* keep slash spacing even at the seam between repeats */
	white-space: nowrap;
}

.neighborhoodlist--item,
.neighborhoodlist--sep {
	font-size: 1.375rem;
	font-weight: 300;
	line-height: 1;
	white-space: nowrap;
}

@keyframes neighborhoodlist-scroll {
	from { transform: translateX(0); }
	to   { transform: translateX(calc(-1 * var(--nl-distance, 50%))); }
}

@media (prefers-reduced-motion: reduce) {
	.neighborhoodlist--track {
		animation: none !important;
		width: 100%;
		justify-content: center;
	}
}