.blog-articles{display:grid;grid-gap:var(--spacer-s);column-gap:var(--spacer-s);row-gap:var(--spacer-s)}.main-blog .title--primary{margin:0;padding-bottom:var(--spacer-xl)}.main-blog__header-background{display:block;width:100%;height:5%;position:absolute;top:0;left:0;z-index:-1;background-color:var(--Light-Grey);margin-top:var(--header-height)!important}@media screen and (min-width: 750px){.article-template .main-blog__header-background{height:50vh}}.blog-articles .card-wrapper{width:100%}@media screen and (min-width: 750px){.main-blog__header-background{height:calc(50vh + var(--header-height))}.blog-articles{grid-template-columns:1fr 1fr 1fr;column-gap:var(--spacer-s);row-gap:var(--spacer-m)}.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}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-main-blog.css.map */