/* ==========================================================================
   Motion text dung chung - cap boi assets/scripts/motion-text.js
   Chu tach theo tung tu, truot len trong mask khi cuon toi.
   ========================================================================== */

/* Boc toan bo noi dung trong 1 phan tu -> khong pha layout flex cua
   .section-heading (co 2 vach ngang :before/:after la flex item). */
.mt-motion__inner {
    display: inline-block
}

.mt-motion__w {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    /* chua dau tieng Viet phia duoi (ậ, ọ, ạ) khong bi mask cat */
    padding-bottom: .14em;
    margin-bottom: -.14em
}

.mt-motion__w-in {
    display: inline-block;
    transform: translateY(115%);
    transition: transform .8s cubic-bezier(.22, .61, .36, 1);
    transition-delay: var(--mt-d, 0s);
    will-change: transform
}

.mt-motion.is-motion-in .mt-motion__w-in {
    transform: translateY(0);
    will-change: auto
}

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