/**
 * Animations - Etherea Derma Clinic
 */

/* Reveal classes for IntersectionObserver */
.reveal {
    opacity: 0;
    transition: opacity var(--transition-slow), transform var(--transition-slow);
}

.fade-up {
    transform: translateY(30px);
}

.fade-in {
    transform: scale(0.98);
}

.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* Keyframes */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slideUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    .reveal {
        transition: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}