/* Mainstage V2 — Split with Rating Single Review Scroller */

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

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

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

    /* ── Background image opacity ───────────────────── */

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

    /* ── Heading & kicker coloring ───────────────────
       Lime-green accent on the SubHeader line of the title;
       white kicker (the theme default for .fnt_t-k is the blue accent). */
    .fnt_t-big em {
        color: var(--callout);
    }

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

    /* ── Keep the title at full display size ─────────
       The split layout puts the text column under 900px, which triggers
       mainstage-tools' container query to shrink .fnt_t-big. Force the full
       size so the heading reads large like the comp. */
    .fnt_t-big {
        font-size: var(--fnt-t-big-s);
    }

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

    .third {
        min-width: 0;
    }

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

    /* ── Brand overlay above the background video/image ──
       Sits between .bg (video) and .mn_wd content via source order —
       no z-index needed. pointer-events:none keeps the video controls clickable. */
    .mstg-v2-ovrly {
        position: absolute;
        inset: 0;
        pointer-events: none;
    }

    .mstg-v2-ovrly img {
        width: 100%;
        height: 100%;
        object-fit: cover !important;
    }
}