.article {
    width: 1080px;
    max-width: 98%;
    margin: 0 auto;
    padding-top: 160px;
}

.article_list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    grid-gap: 32px;
}

.article_item {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 8px 16px 16px rgba(255, 255, 255, 0.456);
}

.article_item img {
    position: absolute;
    height: 100%;
    filter: brightness(0.3);
}

.article_item h2 {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 92%;
    color: var(--color-primary-worka);
}