/**
 * Caterpillar Care - Animation classes
 * Used for playful, child-friendly motion
 */

.animate-fade-in-up {
	opacity: 0;
	transform: translateY(20px);
	animation: cc-fade-in-up 0.6s ease forwards;
}

.animate-delay-1 { animation-delay: 0.15s; }
.animate-delay-2 { animation-delay: 0.3s; }
.animate-delay-3 { animation-delay: 0.45s; }

@keyframes cc-fade-in-up {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.animate-float {
	animation: cc-float 4s ease-in-out infinite;
}

@keyframes cc-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-12px); }
}

@media (prefers-reduced-motion: reduce) {
	.animate-fade-in-up,
	.animate-float {
		animation: none;
		opacity: 1;
		transform: none;
	}
}