/* Mainstage V4 — Centered with Tiled Flair Pattern */

.mstg.v4 {

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

    --mstg-tls-pd-v-tp:      175;
    --mstg-tls-pd-v-tp-mbl:  75;
    --mstg-tls-pd-v-bt:      175;
    --mstg-tls-pd-v-bt-mbl:  75;

    /* ── Body text ──────────────────────────────────── */

    --fnt-pl-s: 1.6875rem; /* 27px from Figma */

    p {
        font-weight: 600;
        margin-inline: auto;
    }

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


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

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

}

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