/* CTA Banner V1 — Standalone frosted call-to-action banner.
   Extracted from the .cnt-v3-cta block in ContentV3 so the CTA can be
   placed on layouts that don't need the two-column content panel. */

.cta.v1 {

    .bg-bx.frst-bg {
        --frst-bg-o: .85;
        --frst-blur: 7px;
        background-color: hsl(from var(--frst-bg-clr) h s l / var(--frst-bg-o));
        border: none;

        @media screen and (min-width: 1280px) {
            & {
                gap: 4.4rem;

                .itm {
                    gap: 3.33rem;
                }
            }
        }
    }

    .cta-v1-sub {
        --title-color: var(--fnt-t-co);
        font-family: var(--fnt-t);
        font-weight: var(--fnt-t-co-w);
        text-transform: uppercase;
        margin: 0;
    }

    @media screen and (max-width: 1279px) {
        .cta-v1-bx {
            padding: 2rem;
        }
    }

    @media screen and (max-width: 699px) {
        .cta-v1-bx {
            gap: 1rem;
            padding: 1.5rem;
        }
    }
}