/* =========================================================
   MHG scroll-reveal animations
   ========================================================= */

.mhg-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    will-change: opacity, transform;
}

    /* JavaScript adds this class when the element becomes visible */
    .mhg-reveal.is-visible {
        opacity: 1;
        transform: translateY(0);
    }

/* Optional animation delays for elements in the same section */
.mhg-delay-1 {
    transition-delay: 0.1s;
}

.mhg-delay-2 {
    transition-delay: 0.2s;
}

.mhg-delay-3 {
    transition-delay: 0.3s;
}

.mhg-delay-4 {
    transition-delay: 0.4s;
}

/* Respect the visitor's accessibility preferences */
@media (prefers-reduced-motion: reduce) {
    .mhg-reveal,
    .mhg-reveal.is-visible {
        opacity: 1;
        transform: none;
        transition: none;
    }
}