/* ==========================================================================
   Animations – sanfte Scroll-Reveal-Effekte
   Elemente mit [data-reveal] starten unsichtbar und blenden beim Scrollen ein.
   ========================================================================== */

[data-reveal] {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity var(--t-slow), transform var(--t-slow);
    will-change: opacity, transform;
}

[data-reveal].is-visible {
    opacity: 1;
    transform: none;
}

/* Gestaffeltes Einblenden mehrerer Elemente */
[data-reveal][data-delay="1"] { transition-delay: 0.08s; }
[data-reveal][data-delay="2"] { transition-delay: 0.16s; }
[data-reveal][data-delay="3"] { transition-delay: 0.24s; }

/* Reduzierte Bewegung respektieren */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
        scroll-behavior: auto !important;
    }

    [data-reveal] {
        opacity: 1;
        transform: none;
    }

    .hero__slide img,
    .hero__slide.is-active img {
        transform: none;
    }
}