/**
 * DOHA Circular Economy — Micro-animations & Keyframes
 */

@keyframes dohaSpin {
	from {
		transform: translateY(-50%) rotate(0deg);
	}
	to {
		transform: translateY(-50%) rotate(360deg);
	}
}

@keyframes dohaScroll {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	50% {
		opacity: 0.3;
		transform: translateY(12px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes dohaFlow {
	0% {
		stroke-dashoffset: 0;
	}
	100% {
		stroke-dashoffset: -200;
	}
}

@keyframes dohaFadeUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Scroll reveal classes */
.reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
	will-change: opacity, transform;
}

.reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* Stagger delay helpers */
.reveal:nth-child(2) { transition-delay: 0.1s; }
.reveal:nth-child(3) { transition-delay: 0.2s; }
.reveal:nth-child(4) { transition-delay: 0.3s; }