/* Homepage entrance animation, excluding the slider entirely. */
.home .home-enter {
    opacity: 0;
    transform: translateY(22px);
    transition:
        opacity .62s ease,
        transform .72s cubic-bezier(.2,.8,.2,1);
    transition-delay: var(--home-enter-delay, 0ms);
    will-change: opacity, transform;
}

.home .home-enter.is-visible {
    opacity: 1;
    transform: none;
}

.home .home-enter-card {
    transform: translateY(16px) scale(.985);
}

.home .home-enter-card.is-visible {
    transform: none;
}

/* Never let homepage entrance effects interfere with the slider system. */
.home .lpmpp-slider,
.home .lpmpp-slider *,
.home .slider,
.home .slider * {
    --home-enter-delay: 0ms !important;
}

.home .lpmpp-slider .home-enter,
.home .lpmpp-slider .home-enter-card,
.home .slider .home-enter,
.home .slider .home-enter-card {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
}

@media (prefers-reduced-motion: reduce) {
    .home .home-enter,
    .home .home-enter-card {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}
