.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: 990px){.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(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}}.blog__filter-bar{margin:1rem;display:flex;flex-direction:column;gap:1rem}.blog__filter-bar .search-modal__form,.blog__filter-bar .select,.blog__filter-bar .button{width:100%}.blog__filter-bar .select:hover:after{box-shadow:none}@media screen and (min-width: 990px){.blog__filter-bar .button{max-width:15rem;white-space:nowrap}.blog__filter-bar .search-modal__form{max-width:66rem}.blog__filter-bar .select{max-width:50rem}.blog__filter-bar{margin:2rem;flex-direction:row;justify-content:center;gap:2rem}.blog__filter-bar .select svg{top:calc(50% - .6rem)}}.three-column-post-grid{display:flex;flex-direction:column;gap:1.5rem}.three-column-post-grid .post-grid__column{width:100%}@media screen and (min-width: 990px){.three-column-post-grid{flex-direction:row;gap:2rem}.three-column-post-grid .post-grid__column{max-width:33%}}.featured-article{display:flex;flex-direction:column;padding-top:0;padding-bottom:0;margin-bottom:1rem}.featured-article__content{display:flex;flex-direction:column;flex-grow:1;gap:1.5rem;order:2;padding:1.6rem 1rem}.featured-article__featured-tag{background-color:rgb(var(--color-secondary-button));color:rgb(var(--color-secondary-button-text));border-radius:.6rem;width:max-content;padding:.5rem 2rem}.featured-article__title{margin:0}.featured-article__link{width:max-content}.featured-article__link .icon-caret{transform:rotate(-90deg);margin-left:1.5rem;width:1.9rem;height:auto}.featured-article__image{max-height:20rem;overflow:hidden}.featured-article__image img{width:100%;height:100%;object-fit:cover}@media screen and (min-width: 990px){.featured-article{flex-direction:row}.featured-article__content{order:unset;justify-content:center;padding:5.8rem 4rem}.featured-article .medium{max-height:34rem}.featured-article__image.medium{max-width:40%}.featured-article__image.large{max-width:66%;max-height:50rem}}.two-column-post-grid.page-width{padding:0 1rem}.blog-articles .blog-header{background-color:var(--color-grey-2);justify-content:center;display:flex;flex-direction:column}@media (min-width: 990px){.blog-articles .blog-header{grid-column-start:2;grid-column-end:4;padding:0 6rem;gap:2.2rem}.two-column-post-grid.page-width{padding:0 2rem}}@media (max-width: 989px){.blog-articles .blog-header{padding:7rem 1.5rem;gap:1.3rem}.blog-articles .blog-header h5{font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-main-blog.css.map */