.news-catalog {
    padding:64px 24px 80px;
    max-width:1200px;
    margin:auto
}
.news-catalog h1 {
    font-size:32px;
    margin:0 0 32px
}
.news-catalog__grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:32px
}
.news-catalog__card {
    background:#fff;
    box-shadow:0 8px 28px #2034580c;
    overflow:hidden;
    border-radius:8px;
    display:flex;
    flex-direction:column
}
.news-catalog__picture {
    display:block;
    aspect-ratio:3/2;
    overflow:hidden;
    background:#f4f7fc
}
.news-catalog__picture img {
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .25s
}
.news-catalog__picture:hover img {
    transform:scale(1.03)
}
.news-catalog__body {
    padding:24px;
    display:flex;
    flex:1;
    flex-direction:column;
    gap:14px
}
.news-catalog__body h2 {
    font-size:18px;
    line-height:1.6;
    margin:0
}
.news-catalog__body a {
    color:#26334a
}
.news-catalog__body a:hover {
    color:#0360fd
}
.news-catalog__body p {
    font-size:14px;
    line-height:1.8;
    color:#778193;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin:0
}
.news-catalog__body time {
    font-size:13px;
    color:#9ba3b0;
    margin-top:auto
}
.news-catalog__pagination {
    display:flex;
    justify-content:center;
    gap:12px;
    margin-top:32px
}
.news-catalog__pagination a {
    padding:8px 14px;
    border:1px solid #e5eaf2;
    border-radius:4px
}
.news-catalog__pagination [aria-current] {
    color:white;
    background:#0360fd
}
@media(max-width:600px) {
    .news-catalog {
    padding:28px 16px 40px
}
.news-catalog h1 {
    font-size:24px;
    margin-bottom:24px
}
.news-catalog__grid {
    grid-template-columns:1fr;
    gap:24px
}
.news-catalog__body {
    padding:20px
}

}