.matchy-blog-index__header{max-width:72rem;margin:0 auto 3.2rem;text-align:center}.matchy-blog-index__eyebrow{margin:0 0 1rem;color:rgba(var(--color-foreground),.62);font-size:1.2rem;font-weight:600;letter-spacing:0;line-height:1.3;text-transform:uppercase}.matchy-blog-index__header .title--primary{margin:0;font-size:3.4rem;line-height:1.05}.matchy-blog-index__intro{max-width:58rem;margin:1.4rem auto 0;color:rgba(var(--color-foreground),.72);font-size:1.6rem;line-height:1.65}.blog-articles{display:grid;column-gap:2rem;row-gap:2rem}.blog-articles .card-wrapper{width:100%}.blog-articles .card{position:relative;min-height:34rem;overflow:hidden;border:0;border-radius:.8rem;background:#111;color:#fff}.blog-articles .card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#00000014 15%,#000000b8);pointer-events:none}.blog-articles .card__inner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent}.blog-articles .card__media,.blog-articles .media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.blog-articles .media img{width:100%;height:100%;object-fit:cover;transition:transform .26s ease}.blog-articles .card:hover .media img{transform:scale(1.035)}.blog-articles .card__content{position:relative;z-index:2;min-height:34rem;display:flex;align-items:flex-end;padding:2rem}.blog-articles .card__information{width:100%;padding:0!important;text-align:left}.blog-articles .card__heading{max-width:48rem;margin:0;color:#fff;font-size:2rem;line-height:1.2;text-shadow:0 .1rem .8rem rgba(0,0,0,.4)}.blog-articles .card__heading a{color:inherit}.blog-articles .article-card__info,.blog-articles .caption-with-letter-spacing{color:#ffffffd6;font-size:1.1rem}.blog-articles .article-card__excerpt{display:none}.blog-articles--collage>*,.blog-articles--collage>*:nth-child(3n+1),.blog-articles--collage>*:nth-child(3n+2):last-child{grid-column:auto;text-align:left}@media screen and (min-width:750px){.matchy-blog-index__header .title--primary{font-size:5.2rem}.blog-articles{grid-template-columns:1fr 1fr;column-gap:2.4rem;row-gap:2.4rem}}@media screen and (min-width:990px){.blog-articles{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-articles .card,.blog-articles .card__content{min-height:35.5rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-main-blog.css.map */