/* assets/css/motion.css — Eneryon redesign v2
 * Animations CSS subtiles + prefers-reduced-motion
 * Référence : spec §7.5
 */

/* ═══ Scroll reveal (toggled via .is-visible by motion-utils.js) ═══ */
.motion-reveal {
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.5s var(--ease-out), transform 0.5s var(--ease-out);
}
.motion-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* ═══ Stagger delays ═══ */
.stagger-1 { transition-delay: 0.05s; }
.stagger-2 { transition-delay: 0.10s; }
.stagger-3 { transition-delay: 0.15s; }
.stagger-4 { transition-delay: 0.20s; }
.stagger-5 { transition-delay: 0.25s; }
.stagger-6 { transition-delay: 0.30s; }

/* ═══ Hero enter (auto on page load) ═══ */
.hero-enter {
    opacity: 1; /* fallback if animation doesn't run */
    animation: hero-fade 0.6s var(--ease-out) forwards;
}
@keyframes hero-fade {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

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