/* Highlight
--------------------------------------------- */

.highlight {
    padding: var(--wp--custom--layout--block-gap-big) 0;

    .container {
        display: flex;
        flex-direction: column;
    }
}

.highlight__eyebrow {
    color: var(--wp--preset--color--emerald);
    font-size: var(--wp--preset--font-size--body-xl);
    text-transform: uppercase;
}

.highlight__body {
    font-size: var(--wp--preset--font-size--fluid-24);
    line-height: var(--wp--custom--line-height--25);
    max-width: 66.7%;
}

/* Variations
--------------------------------------------- */

.highlight.bg-cobalt {
    .highlight__eyebrow {
        color: var(--wp--preset--color--white);
    }
}

.highlight.bg-emerald {
    .highlight__eyebrow {
        color: var(--wp--preset--color--white);
    }
}

.bg-image {
    color: var(--wp--preset--color--white);

    .highlight__eyebrow .highlight__body {
        color: var(--wp--preset--color--white);
    }
}