/* ==========================================================================
   Animations — hero background, marquee thématiques, partenaires
   ========================================================================== */

@keyframes heroDrift {
	0% {
		background-position: 0% 0%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 0%;
	}
}

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

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

.marquee-left {
	animation: scrollLeft 85s linear infinite;
}

.marquee-right {
	animation: scrollRight 85s linear infinite;
}

.marquee-slow {
	animation-duration: 85s;
}

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

.partners-track {
	animation: scrollLeft 30s linear infinite;
}

.partenaires:hover .partners-track {
	animation-play-state: paused;
}