/**
 * PKAOS - PK Animation On Scroll
 * Lightweight scroll animation library
 */

/* Base: hide elements before animation */
[data-pkatype] {
	opacity: 0;
	transition-property: opacity, transform;
	transition-timing-function: ease-out;
}

/* Duration variants */
[data-pkaduration="slow"] { transition-duration: 1.2s; }
[data-pkaduration="normal"], [data-pkatype] { transition-duration: 0.8s; }
[data-pkaduration="fast"] { transition-duration: 0.4s; }

/* Fade */
[data-pkatype="fade"] {
	opacity: 0;
}

/* Fade Up */
[data-pkatype="fade-up"] {
	opacity: 0;
	transform: translateY(30px);
}

/* Fade Down */
[data-pkatype="fade-down"] {
	opacity: 0;
	transform: translateY(-30px);
}

/* Fade Left */
[data-pkatype="fade-left"] {
	opacity: 0;
	transform: translateX(30px);
}

/* Fade Right */
[data-pkatype="fade-right"] {
	opacity: 0;
	transform: translateX(-30px);
}

/* Zoom In */
[data-pkatype="zoom-in"] {
	opacity: 0;
	transform: scale(0.85);
}

/* Animated (visible) state */
[data-pkatype].pkaos-animate {
	opacity: 1;
	transform: translateY(0) translateX(0) scale(1);
}

/* Reverse: when scrolling back, return to initial state */
/* Handled by removing .pkaos-animate class in JS */

/* Respect reduced motion preference */
@media (prefers-reduced-motion: reduce) {
	[data-pkatype] {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}