/**
 * dgs2-abc-anim.css — Scroll-reveal animations for DGS Elements 3 (ABC).
 * Variety of motions: slide-left / slide-right / slide-up / fade / zoom,
 * plus per-child stagger for stat cards & list-style children.
 */
.dgs2-abc-anim,
.dgs2-abc-anim-item {
	opacity: 0;
	transition:
		opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: opacity, transform;
}

.dgs2-abc-anim--left  { transform: translate3d(-56px, 0, 0); }
.dgs2-abc-anim--right { transform: translate3d(56px, 0, 0); }
.dgs2-abc-anim--up    { transform: translate3d(0, 44px, 0); }
.dgs2-abc-anim--down  { transform: translate3d(0, -36px, 0); }
.dgs2-abc-anim--fade  { transform: none; }
.dgs2-abc-anim--zoom  { transform: scale(0.95); }

.dgs2-abc-anim.is-revealed,
.dgs2-abc-anim-item.is-revealed {
	opacity: 1;
	transform: none;
}

/* Başlık parça-parça reveal (karakter / kelime) — daha dramatik */
.dgs2-abc-text-chunk {
	display: inline-block;
	opacity: 0;
	transform: translate3d(0, 32px, 0);
	transition:
		opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: opacity, transform;
}

.dgs2-abc-text-chunk.is-revealed {
	opacity: 1;
	transform: none;
}

/* Görsel / panel slide-in (artistik, daha uzun mesafe + smooth ease) */
.dgs2-abc-img-anim {
	opacity: 0;
	transform: translate3d(-140px, 0, 0);
	transition:
		opacity 1.2s cubic-bezier(0.22, 1, 0.36, 1),
		transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: opacity, transform;
}

.dgs2-abc-img-anim--right {
	transform: translate3d(140px, 0, 0);
}

.dgs2-abc-img-anim.is-revealed {
	opacity: 1;
	transform: none;
}

/* (Counter animasyonu iptal edildi — sayılar başlangıçtan final değerleriyle gözükür) */

@media (prefers-reduced-motion: reduce) {
	.dgs2-abc-anim,
	.dgs2-abc-anim-item,
	.dgs2-abc-anim.is-revealed,
	.dgs2-abc-anim-item.is-revealed,
	.dgs2-abc-text-chunk,
	.dgs2-abc-text-chunk.is-revealed,
	.dgs2-abc-img-anim,
	.dgs2-abc-img-anim.is-revealed {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}