.article-card{border-radius:12px;overflow:hidden}.article-card .article-card__image{object-fit:cover;filter:grayscale()contrast(1.05)}.article-card .article-card__title{font-family:var(--font-gramatika), sans-serif;margin:0 0 10px;font-size:21px;font-weight:700;line-height:1.22}.article-card .article-card__title-link{color:var(--color-dark)}.article-card .article-card__title-link:hover{color:var(--color-accent-red)}.article-card .article-card__image-link{aspect-ratio:16/9;margin-bottom:16px;display:block;position:relative}.article-card .article-card__text{color:#5c5348;margin:0 0 12px;font-size:14.5px;line-height:1.6}
.category-filter{border-top:1px solid #16110d33;border-bottom:1px solid #16110d33;flex-wrap:wrap;align-items:center;gap:0;margin-bottom:44px;display:flex}.category-filter .category-filter__label{background:var(--color-accent-red);color:var(--foreground);letter-spacing:.14em;text-transform:uppercase;flex:none;align-self:stretch;align-items:center;padding:11px 16px;font-size:14px;font-weight:700;display:flex}.category-filter .category-filter__button{cursor:pointer;font-family:var(--font-suisse), sans-serif;color:var(--color-dark);background:0 0;border:0;border-right:1px solid #16110d24;align-self:stretch;padding:11px 20px;font-size:14px;font-weight:500}.category-filter .category-filter__button:last-child{border-right:0}.category-filter .category-filter__button.category-filter__button_active{color:var(--color-accent-red)}
.pagination{border-top:1px solid #16110d33;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:56px 0 88px;padding-top:34px;display:flex}.pagination .pagination__summary{color:#6b6259;font-size:14px}.pagination .pagination__controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pagination .pagination__arrow,.pagination .pagination__page{min-width:42px;height:42px;font-family:var(--font-suisse), sans-serif;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;padding:0 12px;font-size:15px;font-weight:600;display:inline-flex}.pagination .pagination__arrow{color:var(--color-dark);background:0 0;border:1px solid #16110d33}.pagination .pagination__arrow.pagination__arrow_disabled{color:#a49a8e;cursor:default}.pagination .pagination__page{color:#5c5348;background:0 0;border:1px solid #16110d33}.pagination .pagination__page.pagination__page_active{border-color:var(--color-accent-red);background:var(--color-accent-red);color:var(--foreground);box-shadow:0 3px #711215}
.blog-articles{z-index:1;padding:48px 0 0;position:relative}.blog-articles .blog-articles__inner{box-sizing:border-box;max-width:1240px;margin:0 auto;padding:0 48px}.blog-articles .blog-articles__title{font-family:var(--font-gramatika), sans-serif;max-width:26ch;color:var(--color-dark);margin:0 0 16px;font-size:46px;font-weight:700;line-height:1.12}.blog-articles .blog-articles__intro{color:#5c5348;max-width:64ch;margin:0 0 34px;font-size:17px;line-height:1.65}.blog-articles .blog-articles__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 34px;display:grid}@media (max-width:1280px){.blog-articles .blog-articles__inner{padding-left:32px;padding-right:32px}}@media (max-width:1024px){.blog-articles .blog-articles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.blog-articles .blog-articles__inner{padding-left:20px;padding-right:20px}.blog-articles .blog-articles__grid{grid-template-columns:minmax(0,1fr)}}