.blog-articles{display:grid;grid-gap:1rem;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}.blog-articles .card-wrapper{width:100%}@media screen and (min-width: 750px){.blog-articles{grid-template-columns:1fr 1fr 1fr;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}.blog-articles--collage>*:nth-child(4n+1){grid-column:span 3;display:flex;flex-direction:row!important}.blog-articles--collage>*:nth-child(4n+1) .card__information{width:80%;padding:5rem}.blog-articles--collage>*:nth-child(4n+1) .card{flex-direction:row}.blog-articles--collage>*:nth-child(4n+1) .card__inner{width:50%}.blog-articles--collage>*:nth-child(4n+1) .card{display:flex;align-items:center;text-align:left}.blog-articles--collage>*:nth-child(4n+1) .article-card__image{flex:0 0 50%;margin-right:var(--grid-desktop-horizontal-spacing)}.blog-articles--collage>*:nth-child(4n+1) .card__content{flex:1}.blog-articles--collage>*:nth-child(4n+1) .article-card__image--small .ratio:before{padding-bottom:60%}.blog-articles--collage>*:nth-child(4n+1) .article-card__image--medium .ratio:before{padding-bottom:70%}.blog-articles--collage>*:nth-child(4n+1) .article-card__image--large .ratio:before{padding-bottom:80%}}.article-card-wrapper{border:1px solid}.article-card .card__heading{font-family:national-m!important;text-transform:uppercase!important;letter-spacing:.07em!important;font-size:1.5rem!important;text-wrap:balance!important}.card__information{padding:2rem!important}@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){.blog-articles{grid-template-columns:1fr 1fr 1fr;column-gap:15px!important;row-gap:15px!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-main-blog.css.map */