.postList--menu {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0 30px;
}

.nav.--mobile .postList--menu {
    gap: var(--marginSmall) 0;
}

.postList--menu__title {
    position: absolute;
    bottom: var(--marginSmall);
    left: var(--marginSmall);
    margin-bottom: 0;
    z-index: 10;
    font-family: var(--siteFont);
    font-size: var(--14Size);
    font-weight: 600;
    color: var(--baseLight100)
}

.postList--menu__item {
    position: relative;
    overflow: clip;
    border-radius: var(--borderRadiusSmall);
}

.postList--menu__item::after {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    border-radius: var(--borderRadiusSmall);
    z-index: 0;
    background: linear-gradient(transparent 40%, #000000cc 90%);
}

.postList--menu__image {
    border-radius: var(--borderRadiusSmall);
    transition: transform .3s ease-out;
}

.postList--menu__item:has(.u-coverLink:focus-visible) .postList--menu__image,
.postList--menu__item:hover .postList--menu__image {
    transform: scale(1.05);
}