.blog-articles{display:grid;grid-gap:1rem;--grid-mobile-vertical-spacing: 24px;--grid-mobile-horizontal-spacing: 16px;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}.blog-articles .card-wrapper{width:100%}.main-blog .title--primary{margin:0;font-size:26px;margin-bottom:2.4rem}@media screen and (min-width:750px){.main-blog .title--primary{margin:0;line-height:4rem;letter-spacing:.64px;margin-bottom:3.2rem}.blog-articles{--grid-desktop-horizontal-spacing:16px;--grid-desktop-vertical-spacing:30px;grid-template-columns:repeat(4,1fr);column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}.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 (min-width:750px)and (max-width:989px){.blog-articles{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:451px)and (max-width:749px){.blog-articles{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-main-blog.css.map */
