/* Zentrale Bewegungsbausteine für Einblendungen und Scroll-Reveals. JavaScript setzt
   ausschließlich Zustandsklassen; Dauer, Richtung und reduzierte Bewegung bleiben CSS. */
.fade-up {
    opacity: 0;
    transform: translateY(40px);
    transition: .8s ease;
}

    .fade-up.show {
        opacity: 1;
        transform: translateY(0);
    }

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

    .fade-up {
        opacity: 1;
        transform: none;
    }
}