/*
 * PCL Marquee — Infinite scrolling brand band
 */
.pcl-marquee {
	background: linear-gradient(90deg, var(--pcl-purple), var(--pcl-logo-purple));
	overflow: hidden;
	padding: 20px 0;
	border-top: 1px solid var(--pcl-line-dark);
	border-bottom: 1px solid var(--pcl-line-dark);
}

.pcl-marq-track {
	display: flex;
	gap: 64px;
	width: auto;
	min-width: 100%;
	will-change: transform;
}

@media (max-width: 640px) {
	.pcl-marquee {
		overflow-x: clip;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.pcl-marq-track { animation: pcl-marq 30s linear infinite; }
	@keyframes pcl-marq { to { transform: translateX(-50%); } }
	.pcl-marquee:hover .pcl-marq-track { animation-play-state: paused; }
}

.pcl-marq-track span {
	font-family: var(--pcl-display);
	font-size: 1.25rem;
	letter-spacing: .3em;
	text-transform: uppercase;
	color: var(--pcl-mint);
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 64px;
}

.pcl-dot,
.pcl-marq-dot {
	width: 9px;
	height: 9px;
	background: var(--pcl-cyan);
	clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	display: inline-block;
}