.blog-articles{margin:5rem auto 12rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.blog-articles .card-wrapper{width:100%}@media screen and (min-width: 750px){.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){.blog-articles--collage>*:nth-child(3n+1) .article-card__image--small .ratio .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--small .ratio .ratio:before{padding-bottom:27.5rem}.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:55rem}.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:82.5rem}}@media screen and (max-width:1024px){.blog-articles{padding-left:3vw;padding-right:3vw}}@media screen and (max-width: 989px) and (orientation:portrait){.blog-articles{margin:5rem auto 10rem;padding-left:4rem;padding-right:4rem;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 794px){.blog-articles{margin:5rem auto 10rem;padding-left:4rem;padding-right:4rem;grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 794px) and (orientation: portrait){.blog-articles{padding-left:2rem;padding-right:2rem;display:block}.blog-articles>div{margin-bottom:3rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-main-blog.css.map */