@layer ds.block {
    .cta-cards-duo__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--space-6); }

    .cta-cards-duo__card {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: var(--space-3);
        background: var(--color-surface);
        border: 1px solid color-mix(in srgb, var(--color-heading) 12%, transparent);
        border-radius: var(--radius-ui);
        padding: var(--space-8);
        box-shadow: var(--shadow-sm);
    }

    .cta-cards-duo__card:first-child {
        background: var(--color-surface-strong);
        border-color: transparent;
        box-shadow: none;
    }


    .cta-cards-duo__kicker { margin: 0; font-size: var(--text-xs); font-weight: var(--font-weight-bold); letter-spacing: var(--tracking-wide); text-transform: uppercase; color: var(--color-primary); }
    .cta-cards-duo__card:first-child .cta-cards-duo__kicker { color: var(--brand-apricot); }

    .cta-cards-duo__title { margin: 0; font-family: var(--font-display); font-size: var(--text-h3); font-weight: var(--font-weight-bold); color: var(--color-heading); }
    .cta-cards-duo__card:first-child .cta-cards-duo__title { color: var(--color-text-invert); }

    .cta-cards-duo__text { margin: 0; font-size: var(--text-small); line-height: var(--line-height-base); color: var(--color-text); }
    .cta-cards-duo__card:first-child .cta-cards-duo__text { color: var(--brand-sage-pale); }

    .cta-cards-duo__link { margin-top: auto; padding-top: var(--space-3); font-size: var(--text-small); font-weight: var(--font-weight-bold); color: var(--color-primary); text-decoration: none; }
    .cta-cards-duo__card:first-child .cta-cards-duo__link { color: var(--brand-apricot); }
    .cta-cards-duo__link:hover { opacity: 0.8; }

    @media (max-width: 64rem) {
        .cta-cards-duo__grid { grid-template-columns: 1fr; }
    }
}