/* Initial State */
.elkifah-reveal-init {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
    will-change: opacity, transform;
}

/* Active State (Revealed) */
.elkifah-reveal-active {
    opacity: 1;
    transform: translateY(0);
}

/* Stagger delays for children if needed (optional refinement) */
/* This can be added if we target containers and animate children */

/* Disable on Prefers-Reduced-Motion */
@media (prefers-reduced-motion: reduce) {
    .elkifah-reveal-init {
        opacity: 1;
        transform: none;
        transition: none;
    }
}