.blog-articles{display:grid;grid-gap:1rem;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing);margin-bottom:2rem}.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{grid-template-columns:1fr 1fr 1fr 1fr;margin-bottom:6rem}.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}}.main-blog .title--primary{margin-top:0;border-bottom:.1rem solid var(--beausty-gray01)}@media screen and (min-width: 990px){.main-blog .title--primary{font-size:3.2rem;line-height:4.2rem;padding-bottom:3rem;margin-bottom:4rem}}@media screen and (max-width: 989px){.main-blog .title--primary{font-size:2.4rem;line-height:3.4rem;padding-bottom:2rem;margin-bottom:1.5rem}.blog-articles.blog-list{grid-template-columns:repeat(2,16.5rem)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-main-blog.css.map */
