/* Mainstage V5 — Split with Tiled Flair Pattern & Right Image */

.mstg.v5 {
    --flx-gap: 3.8rem;

    /* ── Spacing overrides ──────────────────────────── */

    --mstg-tls-pd-v-tp:      150;
    --mstg-tls-pd-v-tp-mbl:  60;
    --mstg-tls-pd-v-bt:      173;
    --mstg-tls-pd-v-bt-mbl:  60;

    /* ── Prevent right column from overflowing flex ── */

    .third {
        min-width: 0;
    }

    @media screen and (min-width: 1280px) {
        .two-thirds p {
            width: 70%;
        }
    }

    .inf {
        position: relative;
        z-index: 1;
    }



    /* ── Right-side image ───────────────────────────── */

    .mstg-v5-img {
        display: block;
        width: 100%;
    }

    .mstg-v5-img img {
        display: block;
        width: 100%;
        height: auto;
        border-radius: 1.25rem;
        object-fit: cover;
    }

    /* ── Entrance animations ────────────────────────── */

    &.mstg-anm {
        @media (prefers-reduced-motion: no-preference) {
            .fnt_t-k                   { animation: mstg-v5-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0s    both; }
            .fnt_t-big                 { animation: mstg-v5-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s  both; }
            p                          { animation: mstg-v5-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.25s both; }
            .btn-con                   { animation: mstg-v5-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.4s  both; }
            .three-8ths                { animation: mstg-v5-fade-up 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.4s  both; }
        }
    }

}

@media (prefers-reduced-motion: no-preference) {
    @keyframes mstg-v5-fade-up {
        from { opacity: 0; transform: translateY(20px); }
        to   { opacity: 1; transform: translateY(0); }
    }
}