/* Mainstage S2 — Centered with Trust Logos */

.mstg.v2 {
    --vid-bg-o: 1;
    /* -- Spacing overrides ---------------------------- */

    --mstg-tls-pd-v-tp:      160;
    --mstg-tls-pd-v-tp-mbl:  80;
    --mstg-tls-pd-v-bt:      160;
    --mstg-tls-pd-v-bt-mbl:  80;

    /* -- Background image opacity --------------------- */

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

    /* -- Body text max-width -------------------------- */

    p {
        max-width: 58ch;
        margin-inline: auto;
    }

    .vid-btn {
        color: var(--background);

        @media (hover: hover) and (pointer: fine) {
            &:is(:hover, :focus-visible) {
                color: var(--buttons) !important;
            }
        }
    }

}

@media (max-width: 700px) {
    .mstg.v2.vid-bg-tls {
        & .bg {
            ul, .ctrls {
                bottom: 0rem;
            }
        }
    }
}