/* Mainstage S1 — Split with Coupon */

.mstg.v1 {
    --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;

    /* -- Background image — via mainstage tools ------- */

    --mstg-img-bg-o:   0.45;
    --vid-bg-o:        1;

    /* -- Decorative overlay (above bg media, below video controls) -- */

    > .bg::after {
        content: "";
        position: absolute;
        inset: 0;
        background: url("/media/mainstagev1/hp-video-overlay.png") no-repeat right center / cover;
        pointer-events: none;
    }

    /* -- Big title — white on dark bg ----------------- */

    &.dk-bg .fnt_t-big {
        --title-color: #fff;
    }

    .fnt_t-big {
        @media screen and (max-width: 699px) {
            font-size: 4rem;
        }
    }

    /* -- Kicker — brand green ------------------------- */

    .fnt_t-k {
        --title-color: var(--accent);
    }

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

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

    .third {
        min-width: 0;
    }

}

.lp .mstg.v1[data-colors*="-dark"] {
    --fnt-t-co: var(--dk-txt);
}