.blog-articles{display:grid;row-gap:4rem}.blog-articles__article{display:flex}.title--primary{font-size:2.4rem;margin-top:0;margin-bottom:2rem}@media screen and (min-width:750px){.title--primary{font-size:calc(var(--font-heading-scale) * 2.8rem);margin-bottom:4rem}.blog-articles{grid-template-columns:1fr 1fr}.blog-articles--collage>*:nth-child(3n+1),.blog-articles--collage>*:nth-child(3n+2):last-child{grid-column:span 2;text-align:center}.blog-articles--collage>*:nth-child(3n+1) .card,.blog-articles--collage>*:nth-child(3n+2):last-child .card{text-align:center}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--small .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--small .ratio:before{padding-bottom:22rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--medium .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--medium .ratio:before{padding-bottom:44rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--large .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--large .ratio:before{padding-bottom:66rem}}@media screen and (min-width:990px){.title--primary{font-size:calc(var(--font-heading-scale) * 4rem)}.blog-articles{column-gap:2.4rem}.blog-articles--grid-three{grid-template-columns:1fr 1fr 1fr}}.main-blog .pagination-wrapper{margin-top:8rem}.main-blog .pagination__list>li{flex:1 0 3rem;max-width:3rem}.main-blog .pagination__list>li .pagination__item{height:3rem;background:#f1f1f1}.main-blog .pagination__list>li .pagination__item:hover:after{display:none}.main-blog .pagination__list>li .pagination__item.pagination__item--current{background:rgb(var(--color-background-secondary));color:rgb(var(--color-background-secondary-text))}.main-blog .pagination__list>li .pagination__item.pagination__item--current:after{height:0;display:none}.main-blog .pagination__list>li .pagination__item-arrow>.icon{transform:none;width:2rem;height:2rem}.main-blog .pagination__list>li .pagination__item--next>.icon{transform:rotate(180deg)}@media screen and (min-width:990px){.main-blog .pagination__list>li{flex:1 0 5.9rem;max-width:5.9rem}.main-blog .pagination__list>li .pagination__item{height:5.4rem}}
/*# sourceMappingURL=/cdn/shop/t/858/assets/section-main-blog.css.map */