/*
 * Continuous animations the original build ran through its JS animation library.
 * Values are taken verbatim from the source bundle:
 *
 *   x: 0% -> -50%              45s linear infinite   awards + certifications marquees
 *   x: 0% -> -50%              60s linear infinite   CSR projects marquee
 *   scale: 1 -> 1.05           15s linear alternate  client banner Ken Burns
 *   rotate: 360                25s linear infinite   decorative orbit ring
 *   scale/opacity pulse        2s  ease-in-out       play-button ping
 *
 * Marquee tracks duplicate their content, so -50% loops seamlessly.
 */

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

[data-nessa-marquee] {
	animation: nessa-marquee var(--nessa-marquee-duration, 45s) linear infinite;
	will-change: transform;
}

/* Pausing on hover lets visitors actually look at a logo. */
[data-nessa-marquee]:hover {
	animation-play-state: paused;
}

@keyframes nessa-kenburns {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(1.05);
	}
}

[data-nessa-kenburns] {
	animation: nessa-kenburns 15s linear infinite alternate;
}

@keyframes nessa-spin-slow {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

[data-nessa-spin] {
	animation: nessa-spin-slow 25s linear infinite;
}

@keyframes nessa-ping-soft {
	0% {
		transform: scale(1);
		opacity: 0.6;
	}
	50% {
		transform: scale(1.4);
		opacity: 0;
	}
	100% {
		transform: scale(1);
		opacity: 0.6;
	}
}

[data-nessa-ping] {
	animation: nessa-ping-soft 2s ease-in-out infinite;
}

/* whileHover: { scale: 1.1 }, transition: { duration: 0.3 } on the film play button. */
[data-testid="corporate-film-play-btn"] .relative.w-24,
[data-testid="corporate-film-play-btn"] .relative.w-28 {
	transition: transform 0.3s ease-out;
}

[data-testid="corporate-film-play-btn"]:hover .relative.w-24,
[data-testid="corporate-film-play-btn"]:hover .relative.w-28 {
	transform: scale(1.1);
}

@media (prefers-reduced-motion: reduce) {
	[data-nessa-marquee],
	[data-nessa-kenburns],
	[data-nessa-spin],
	[data-nessa-ping] {
		animation: none !important;
	}

	[data-testid="corporate-film-play-btn"] .relative.w-24,
	[data-testid="corporate-film-play-btn"] .relative.w-28 {
		transition: none;
	}
}