/* Content V3 — Two-column intro (content + image) with Poseidon Promise banner below */

.cnt.v3 {

    .cnt-v3-split {
        align-items: stretch;
    }

    .mn_wd {
        z-index: 1;
    }

    /* ── Inline phone callout ──────────────────────────────── */

    .cnt-v3-phone {
        --bg-bx-o: 1;
        padding: 1.75rem 2.5rem;
        backdrop-filter: blur(7px);
        -webkit-backdrop-filter: blur(7px);

        p {
            margin: 0;
            font-weight: 600;
            line-height: 1.75;
        }
    }


    /* ── Right-column image ────────────────────────────────── */

    .cnt-v3-img {
        align-self: stretch;

        picture, img {
            display: block;
            width: 100%;
            height: 100%;
            min-height: 23rem;
            object-fit: cover;
        }
    }


    /* ── Poseidon Promise banner ───────────────────────────── */

    .cnt-v3-promise {
        --bg-bx-o: 0.85;
        gap: 1.25rem;
        padding: 2.25rem 3.125rem;
        backdrop-filter: blur(7px);
        -webkit-backdrop-filter: blur(7px);
        background-color: hsl( from var(--inner-theme) h s l / 0.85);
    }

    .cnt-v3-promise-l {
        flex-shrink: 0;

        @media screen and (min-width: 1280px) {
            width: var(--three-8ths);
        }
    }

    .cnt-v3-promise-ttl {
        margin: 0;
    }

    .cnt-v3-promise-sub {
        --title-color: var(--fnt-t-co);
        text-transform: uppercase;
        margin: 0;
    }

    .cnt-v3-promise-r {
        flex: 1;
        justify-content: flex-end;
        gap: 1.5rem;
        min-width: 0;
    }

    .cnt-v3-promise-body {
        flex: 1;
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.6;
        margin: 0;
        min-width: 0;
    }


    /* ── Responsive ────────────────────────────────────────── */

    @media screen and (max-width: 1279px) {
        .cnt-v3-promise {
            padding: 2rem;
        }

        .cnt-v3-promise-r {
            margin-top: 1rem;
        }
    }

    @media screen and (max-width: 699px) {
        .cnt-v3-phone {
            padding: 1.25rem 1.5rem;
        }

        .cnt-v3-promise {
            padding: 1.5rem;
            gap: 1rem;
        }

        .cnt-v3-img picture,
        .cnt-v3-img img {
            min-height: 15rem;
        }
    }
}