.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 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}}.main-blog .page-header h1{font-size:calc(var(--font-heading-scale) * 5rem);text-transform:capitalize;margin:0}.blog-articles{display:flex;flex-wrap:wrap;--grid-desktop-vertical-spacing: 3rem;--grid-desktop-horizontal-spacing: 3rem}.blog-articles .blog-articles__article{width:calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4);flex:1 0 calc(25% - var(--grid-desktop-horizontal-spacing) * 3 / 4)}.main-blog .rte{font-size:1.6rem;color:rgba(var(--color-foreground),.8)}.main-blog .blog-all-tags{display:flex;flex-wrap:wrap;margin:2rem 0 5rem;gap:2rem}.blog-banner .banner__heading{font-family:var(--font-body-family);text-transform:capitalize;font-size:3rem;font-weight:600;max-width:45rem;margin-bottom:2rem}.blog-banner .banner__text p{font-size:1.6rem}.blog-banner .banner__media{border-radius:3rem}.main-blog .blog-all-tags .button{min-width:calc(12rem + var(--buttons-border-width) * 2)}.shape-items.blog-shapes{position:relative}.shape-items.blog-shapes:before,.shape-items.blog-shapes:after{top:50%;transform:translateY(-50%)}.blog-banner .bordered-text.banner__text p{width:fit-content;margin:0;border:1px solid rgba(var(--color-foreground),1);border-radius:3rem;background:rgba(var(--color-foreground),.1);padding:.6rem 2rem;font-size:1.4rem;font-weight:600;text-align:center}@media only screen and (min-width:750px){.blog-banner .banner__box{padding:0}.blog-banner .banner__content{padding:3rem 2.5rem}}@media only screen and (max-width:1199px){.blog-articles .blog-articles__article{width:calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3);flex:1 0 calc(33.33% - var(--grid-desktop-horizontal-spacing) * 2 / 3)}}@media only screen and (max-width:989px){.blog-articles .blog-articles__article{width:calc(50% - var(--grid-desktop-horizontal-spacing) / 2);flex:1 0 calc(50% - var(--grid-desktop-horizontal-spacing) / 2)}}@media only screen and (max-width:749px){.main-blog .blog-all-tags{gap:1.5rem;margin:4rem 0 5rem}.main-blog .blog-all-tags .button{min-height:calc(6.2rem + var(--buttons-border-width) * 2);font-size:1.94663rem}.blog-articles{--grid-mobile-vertical-spacing: 4rem}.blog-articles .blog-articles__article{width:100%;flex:1 0 100%}.blog-banner .banner__heading{font-size:3.19804rem;max-width:100%;text-align:left;margin-bottom:1.5rem}.blog-banner .banner__text p{font-size:1.94663rem;text-align:left}.main-blog .page-header h1{font-size:6.95226rem}.main-blog .rte{font-size:1.94663rem}.blog-banner .bordered-text.banner__text p{font-size:1.66854rem}.blog-banner .bordered-text.banner__text{margin-bottom:2rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-main-blog.css.map */