.Article.postListHomepage {
    margin-inline: -3vw;
    padding-inline: 3vw;
    padding-bottom: var(--marginSmall);
    background-color: var(--secondaryColor500);
}

.postListHomepage .Article__content {
    padding-block: var(--margin);
}

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

.postList--home .tagList {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

.hero .Article.postListHomepage {
    width: 100%;
    margin: 0;
}

.hero .postListHomepage .Article__content {
    position: relative;
    /** The clamp-function is defined as clamp(MIN, VAL, MAX). Because -9rem is smaller than -5rem, the MIN and MAX values have swapped positions */
    margin-top: clamp(-9rem, -25vw, -5rem);
    padding-block: 0;
}