.blog-hero{width:100%;height:auto;overflow:visible}.blog-hero__inner{width:100%;height:calc(var(--vh, 1vh) * 100);display:flex;justify-content:space-between;overflow:scroll;position:relative}.blog-hero__inner::-webkit-scrollbar{display:none}.blog-hero .featured-article__wrapper{width:calc(50% - 10px);height:100vh;position:sticky;top:0}.blog-hero .featured-article{width:100%;height:100%;position:sticky;top:0;border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:flex-end;color:var(--color-white);overflow:hidden;position:relative}.featured-article__background{position:absolute;width:100%;height:100;top:0;right:0;bottom:0;left:0;z-index:-1}.featured-article__background img{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover}.blog-hero__articles{width:calc(50% - 10px);display:flex;justify-content:space-between}.blog-hero__articles-column{width:calc(50% - 10px);height:auto;will-change:auto}.blog-hero__articles-column .article:last-of-type .article-card{padding-bottom:14px;margin-bottom:0}.blog-grid__metadata{display:flex;opacity:0;transition:opacity .8s cubic-bezier(.29,.63,.44,1)}.blog-grid__metadata .metadata-label{padding-bottom:4px}.blog-grid__metadata .metadata-item{width:50%}.blog-grid__item:hover .blog-grid__metadata{opacity:1;transition:opacity .8s cubic-bezier(.29,.63,.44,1)}.blog-grid__metadata div:first-of-type{margin-right:20px}.blog-articles__article:hover .blog-grid__metadata{opacity:1;transition:opacity .8s cubic-bezier(.29,.63,.44,1)}.grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.grid-col{width:calc(100% / 3);margin-right:20px}@media (max-width: 768px){.grid-col{width:50%;margin-right:0}}.grid-col:nth-of-type(3),.grid-col:nth-of-type(2){margin-right:0}.grid-col--3{display:none}@media (min-width: 1024px){.grid-col--3{display:block}.grid-col:nth-of-type(2){margin-right:20px}}@media only screen and (max-width: 768px){.blog-hero .featured-article__wrapper{width:100%}.blog-hero__articles{display:none}.blog-hero,.blog-hero__inner{overflow:hidden}.blog-articles{grid-template-columns:repeat(2,1fr);grid-column-gap:20px;grid-template-rows:masonry}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-main-blog.css.map */