/* Scroll motion for existing top-page elements (js/lp-motion.js). */

/* Heading mask reveal: each line slides up from behind its own mask. */
.mline {
    display: block;
    overflow: hidden;
    padding-bottom: 0.12em;
    margin-bottom: -0.12em;
}

.mline__in {
    display: block;
    transform: translateY(110%);
    transition: transform 0.9s cubic-bezier(0.2, 0.8, 0.2, 1);
    transition-delay: var(--ml-delay, 0s);
}

.is-in .mline__in {
    transform: none;
}

/* Count-up keeps digit width steady while numbers change. */
.cu {
    font-variant-numeric: tabular-nums;
}

@media (prefers-reduced-motion: reduce) {
    .mline__in {
        transform: none !important;
        transition: none !important;
    }
}
