/* Intro
--------------------------------------------- */

.intro {
    padding: var(--wp--custom--layout--block-gap-xl) 0;

    .column {
        max-width: 800px;
    }
}

@media (width <768px) {
    .intro {
        padding: var(--wp--custom--layout--block-gap-xl) 0;
    }
}

.intro__title {
    color: var(--wp--preset--color--cobalt);
    font-size: var(--wp--preset--font-size--fluid-32);
    margin-top: 0;
}

.intro__body {
    font-size: var(--wp--preset--font-size--body-lg);

    >p:first-child {
        margin-top: 0;
    }

    >p:last-child {
        margin: 0;
    }
}

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

.intro.bg-cobalt {
    .intro__title {
        color: var(--wp--preset--color--white);
    }

    .intro.bg-emerald {
        .intro__title {
            color: var(--wp--preset--color--white);
        }