/* Motion is an enhancement: without JS, the original intro/archive remain visible. */
.landing-motion .landing-intro__main {
    transform: translate3d(0, var(--intro-drift, 0px), 0);
}
.landing-motion.is-entering .landing-intro__main > .landing-kicker,
.landing-motion.is-entering .landing-intro h1,
.landing-motion.is-entering .landing-intro__copy,
.landing-motion.is-entering .landing-intro__footer {
    animation: landing-arrive 900ms cubic-bezier(.22, 1, .36, 1) both;
}
.landing-motion.is-entering .landing-intro h1 { animation-delay: 80ms; }
.landing-motion.is-entering .landing-intro__copy { animation-delay: 160ms; }
.landing-motion.is-entering .landing-intro__footer { animation-delay: 240ms; }
.landing-motion.is-entering .landing-intro__explore span {
    animation: landing-scroll-cue 1.4s ease-in-out 1s 3;
}
@keyframes landing-arrive {
    from { opacity: .15; transform: translate3d(0, 24px, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes landing-scroll-cue {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(5px); }
}
@media (prefers-reduced-motion: reduce) {
    .landing-motion .landing-intro__main { transform: none; }
    .landing-motion.is-entering .landing-intro * { animation: none !important; }
}