.blog-articles{display:grid}.blog-articles .card-wrapper{width:100%}@media screen and (min-width: 750px){.blog-articles{grid-template-columns:1fr 1fr 1fr 1fr}.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__heading{max-width:1200px;margin:0 auto 20rem;color:#3a388c}.main-blog__heading .title--primary{font-size:2.4rem;color:#3a388c}.tag-links{display:flex;flex-wrap:wrap;gap:4rem;margin-bottom:4rem}.tag-list a,.tag-links a{text-decoration:none;font-size:1.4rem;color:#3a388c}.tag-list a.on,.tag-links a.on{text-decoration:underline;text-underline-offset:1rem;font-weight:700}.tag-list{list-style:none}.blog-articles .card--standard>.card__content{transition:background .6s ease}.blog-articles .card--standard>.card__content .card__information .card__heading{margin:0;line-height:2;font-size:1.6rem;z-index:4;color:#fff;text-shadow:1px 1px 1px #9E9E9E;padding-left:2rem}.blog-articles .card--standard>.card__content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:center}.blog-articles .card--standard>.card__content .card__information .article-card__info{padding:0;color:#909294;display:flex;align-items:center;width:100%;gap:2rem;display:none}.blog-articles .card--standard>.card__content .card__information .article-card__info .tag{color:#212529;font-size:1.4rem}.blog-articles .card--standard>.card__content .card__information .article-card__excerpt{width:100%;margin:0;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:56px;line-height:2;font-size:1.4rem}@media screen and (max-width: 990px){.main-blog__heading{margin-bottom:7rem}.main-blog .mobile-facets__wrapper{margin:0 -1.5rem 2rem;padding:2rem 1.5rem;border-top:.1rem solid #CCCCCC;border-bottom:.1rem solid #CCCCCC}}@media screen and (min-width: 750px) and (max-width: 990px){.main-blog .mobile-facets__wrapper{margin:0 -5rem 2rem;padding:2rem 5rem}}.main-blog_featured .main-blog__heading{display:none}.main-blog_featured .blog-articles__article:nth-of-type(20n-19),.main-blog_featured .blog-articles__article:nth-of-type(20n-18),.main-blog_featured .blog-articles__article:nth-of-type(20n-17),.main-blog_featured .blog-articles__article:nth-of-type(20n-16){grid-column:span 2;grid-row:span 2}.animate--hover-vertical-lift .card-wrapper:hover .card--card,.animate--hover-vertical-lift .card-wrapper:hover .card--standard .card__inner{transform:translateY(0)}.card__heading a:after{opacity:0;width:100%;padding:2rem;content:"DISCOVER";display:flex;justify-self:flex-start;align-items:flex-end;transition:opacity .6s ease}.animate--hover-vertical-lift .card-wrapper:hover .card__heading a{text-decoration:none}@media screen and (min-width: 750px){.blog-articles .card--standard>.card__content:hover{background-color:#000c}.animate--hover-vertical-lift .card-wrapper:hover .card__heading a:after{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-main-blog_featured.css.map */
