.postList--highlight {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(max(300px, calc(50% - var(--gutterLarge))), 1fr));
    gap: var(--gutterLarge);
}

/**
 * Different styling for this snippet on the homepage
 */

.variant--home .postListHighlight {
    background: var(--primaryGradient);
    margin-inline: -3vw;
    padding-inline: 3vw;
}

.variant--home .postListHighlight .Article__content {
    padding-block: var(--margin);
}

.variant--home .postListHighlight .postList__header > * {
    color: var(--baseLight100);
}