.blog-hero{position:relative;height:375px;margin-bottom:5rem}@media (min-width: 750px){.blog-hero{height:475px}}@media (min-width: 990px){.blog-hero{height:575px}}.blog-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff9;z-index:1}.blog-hero .page-width{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.blog-hero__title{text-align:center}.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:calc(var(--grid-desktop-horizontal-spacing) * 3);row-gap:calc(var(--grid-desktop-vertical-spacing) * 6)}.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 (min-width: 990px){.article-card .card__heading{font-size:2rem}}
/*# sourceMappingURL=/cdn/shop/t/217/assets/section-main-blog.css.map */