/**
 * ADLATOS Motion — CSS-Grundlage
 * Datenattribut-Steuerung:
 *   [data-adlatos-reveal]            fade+up beim Scroll
 *   [data-adlatos-reveal="left|right|zoom"]  Varianten
 *   [data-adlatos-delay="120"]       Verzoegerung in ms (Stagger)
 *   [data-adlatos-parallax="0.12"]   sanfte Parallax (nur Desktop)
 */

[data-adlatos-reveal] {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
	transition-delay: calc(var(--adlatos-delay, 0) * 1ms);
	will-change: opacity, transform;
}

[data-adlatos-reveal="left"]  { transform: translateX(-28px); }
[data-adlatos-reveal="right"] { transform: translateX(28px); }
[data-adlatos-reveal="zoom"]  { transform: scale(0.94); }

[data-adlatos-reveal].is-visible {
	opacity: 1;
	transform: none;
}

/* Respektiere Nutzer ohne Bewegungsdrang: Animationen abschalten, Inhalt sofort zeigen */
@media (prefers-reduced-motion: reduce) {
	[data-adlatos-reveal] {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
	[data-adlatos-parallax] { transform: none !important; }
}
