/* Figma CTA only. Existing inline and sidebar variants retain their styles. */
.article-cta.article-cta--consultation {
    display: block;
    min-block-size: 0;
    border: 0;
    padding: 0;
    border-radius: .25rem;
    background: #baddf1;
    color: #111;
    font-family: Montserrat, sans-serif;
}
.article-cta--consultation::before { content: none; }
.article-cta--consultation .article-cta__layout { display: grid; gap: 0; grid-template-columns: 15rem minmax(0, 1fr); }
.article-cta--consultation .article-cta__media { position: relative; overflow: hidden; min-inline-size: 0; background: #fff; }
.article-cta--consultation .article-cta__photo-background,
.article-cta--consultation .article-cta__custom-photo {
    position: absolute; inset: 0; inline-size: 100%; block-size: 100%; max-inline-size: none; max-block-size: none;
    object-fit: cover; object-position: bottom; margin: 0; border-radius: 0;
}
.article-cta--consultation .article-cta__photo-foreground {
    position: absolute; inset-block-start: -2.6875rem; inset-inline-start: -1rem;
    inline-size: 19.625rem; block-size: max(26.1875rem, calc(100% + 2.6875rem));
    max-inline-size: none; max-block-size: none; object-fit: cover; margin: 0; border-radius: 0;
}
.article-cta--consultation .article-cta__content { padding: 2.5rem 2rem; gap: 1rem; justify-content: center; }
.article-cta--consultation .article-cta__title { font-size: 1.375rem; line-height: 2rem; font-weight: 600; margin: 0 0 -.25rem; color: #111; }
.article-cta--consultation .article-cta__text { font-size: 1rem; line-height: 1.5rem; font-weight: 400; margin: 0; color: #111; }
.article-cta--consultation .article-cta__button {
    min-block-size: 3rem; padding: .5rem 1rem; border: 0; border-radius: .25rem;
    background: #2b2c2e; color: #fff; font-size: 1rem; font-weight: 400; line-height: 1rem; text-decoration: none;
}
.article-cta--consultation .article-cta__button:hover { background: #111; color: #fff; }
.article-cta--consultation .article-cta__button:focus-visible { outline: 3px solid #146487; outline-offset: 4px; }
@media (600px < width <= 1024px) {
    .article-cta--consultation .article-cta__layout { grid-template-columns: 16.25rem minmax(0, 1fr); }
    .article-cta--consultation .article-cta__title { font-size: 1.125rem; line-height: 1.5rem; margin: 0; }
    .article-cta--consultation .article-cta__text { font-size: .875rem; }
}
@media (width <= 600px) {
    /* Figma button is 269px within a 268px text column; retain that one-pixel inset. */
    .article-cta--consultation .article-cta__button { inline-size: max-content; max-inline-size: calc(100% + 2px); }
    .article-cta--consultation .article-cta__layout { grid-template-columns: minmax(0, 1fr); }
    .article-cta--consultation .article-cta__media { block-size: 12.5rem; }
    .article-cta--consultation .article-cta__photo-foreground {
        inset-block-start: -5.625rem; inline-size: max(23.0625rem, calc(100% + 2rem)); block-size: auto; aspect-ratio: 369 / 491;
    }
    .article-cta--consultation .article-cta__content { padding: 2rem 1rem; align-items: center; }
    .article-cta--consultation .article-cta__title { inline-size: 100%; font-size: 1.125rem; line-height: 1.5rem; text-align: center; margin: 0; }
    .article-cta--consultation .article-cta__text { inline-size: 100%; font-size: .875rem; }
}