/* Intro split (Programs "Play, Grow, Belong") — YMCA 2026 Option B (node 150:513)
   Full-bleed purple band, 2-col: eyebrow + heading + body + cyan CTA on the left,
   photo right. (.bmg-accent-purple + .bmg-eyebrow are shared, in defaults.css.) */

/* Band = vertical gradient purple-md -> purple-dk (comp Rectangle 52 fill),
   painted over the block's primary-dk background class. */
:where(.bmg-intro-split) {
    background-image: linear-gradient(180deg, var(--purple-md) 0%, var(--purple-dk) 100%);
}

.bmg-intro-split > * {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
}

.bmg-intro-split__row {
    align-items: center;
}

.bmg-intro-split__body {
    max-width: 578px;
}

:where(.bmg-intro-split__body) > * {
    margin: 0;
}

.bmg-intro-split__body .bmg-eyebrow:not(.has-body-font-size) {
    margin-bottom: 2px;
}

.bmg-intro-split__photo {
    margin: 0;
    flex: none;

    max-width: 100%;
}

.bmg-intro-split__photo img {
    display: block;
    width: 607px;
    height: 338px;
    object-fit: cover;
    border-radius: 16px;
}

/*tablet/mobile (out of 2026 desktop scope — keep usable)*/
@media (max-width: 992px) {
    .bmg-intro-split__row {
        flex-wrap: wrap !important;
        justify-content: center;
    }
    .bmg-intro-split__body {
        max-width: 100%;
    }
    .bmg-intro-split__photo img {
        width: 100%;
        height: auto;
    }
}