/* =================================================================
   Arlope — Animasyonlar
   ================================================================= */

@keyframes scrollLine {
	0% { transform: translateX(-100%); }
	55% { transform: translateX(0); }
	100% { transform: translateX(100%); }
}

/* Scroll-triggered reveal */
[data-animate] {
	opacity: 0;
	transform: translateY(40px);
	transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1), transform 0.7s cubic-bezier(0.16,1,0.3,1);
	will-change: opacity, transform;
}
[data-animate="fade"] { transform: none; }
[data-animate="left"] { transform: translateX(-40px); }
[data-animate="right"] { transform: translateX(40px); }
[data-animate="zoom"] { transform: scale(0.94); }

[data-animate].is-visible {
	opacity: 1;
	transform: translate(0, 0) scale(1);
}

/* Kademeli gecikmeler */
[data-delay="1"] { transition-delay: 0.1s; }
[data-delay="2"] { transition-delay: 0.2s; }
[data-delay="3"] { transition-delay: 0.3s; }
[data-delay="4"] { transition-delay: 0.4s; }
[data-delay="5"] { transition-delay: 0.5s; }
[data-delay="6"] { transition-delay: 0.6s; }

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
		scroll-behavior: auto !important;
	}
	[data-animate] { opacity: 1; transform: none; }
}