.blog-list{grid-template-columns:repeat(auto-fill,minmax(40rem,1fr));gap:1.6rem;display:grid}.blog-list__item{color:inherit;flex-direction:column;gap:2.4rem;text-decoration:none;display:flex}.blog-list__item:hover .blog-list__img{transform:scale(1.05)}.blog-list__image{background-color:#f5f5f5;height:41rem;position:relative;overflow:hidden}.blog-list__img{object-fit:cover;transition:transform .4s}.blog-list__date{color:#797979;text-transform:uppercase;margin-top:.8rem;font-size:1.6rem;display:block}@media (max-width:1024px){.blog-list__date{font-size:1.2rem}}.blog-list__item-title{color:#221f1f;margin:0;font-family:Qanelas,sans-serif;font-size:2rem;font-weight:500;line-height:2.8rem}@media (max-width:1024px){.blog-list{grid-template-columns:repeat(2,1fr);gap:1.6rem}.blog-list__item{gap:1.6rem}.blog-list__image{height:20rem}.blog-list__item-title{font-size:1.8rem;line-height:1.3}}
.blog-page{padding:4rem 0 10rem}@media (max-width:1024px){.blog-page{padding:2rem 0 4rem}}.blog-page__container{max-width:144rem;margin:0 auto;padding:0 4rem}@media (max-width:1024px){.blog-page__container{padding:0 2rem}}.blog-page__header{gap:.8rem;margin-bottom:8rem}@media (max-width:1024px){.blog-page__header{margin-bottom:4rem}}.blog-page__breadcrumbs{color:#797979;font-size:1.4rem}.blog-page__breadcrumbs a{color:inherit;transition:color .2s}.blog-page__breadcrumbs a:hover{color:#221f1f}.blog-page__header-bottom{flex-direction:column;justify-content:space-between;align-items:flex-start;display:flex}.blog-page__title{color:#221f1f;margin-bottom:0;font-family:Qanelas,sans-serif;font-size:4.8rem;font-weight:500}@media (max-width:1024px){.blog-page__title{font-size:3.2rem}}.blog-page__count{color:#797979;font-size:1.6rem;font-weight:500}.blog-page__pagination{justify-content:center;gap:1.2rem;margin-top:6rem;display:flex}.blog-page__pagination-item{cursor:pointer;color:#221f1f;background:0 0;border:1px solid #e2e2e2;justify-content:center;align-items:center;width:4.8rem;height:4.8rem;font-size:1.6rem;font-weight:500;transition:all .2s;display:flex}.blog-page__pagination-item:hover:not(.is-active){border-color:#221f1f}.blog-page__pagination-item.is-active{color:#fff;cursor:default;background:#221f1f;border-color:#221f1f}