.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;row-gap:3rem}.blog-articles__article .article-card{display:grid;grid-template-columns:35% 65%;column-gap:2.5rem;align-items:start}.blog-articles__article .article-card__image--small .ratio:before,.blog-articles__article .article-card__image--medium .ratio:before,.blog-articles__article .article-card__image--large .ratio:before{padding-bottom:var(--ratio-percent)!important}.blog-articles__article .article-card .card__inner{width:100%;padding:0}.blog-articles__article .article-card>.card__content{padding:0}.blog-articles__article .card__heading{font-size:2.4rem;line-height:1.2}.blog-articles__article .article-card__topic+.card__heading{margin-top:.4rem}.blog-articles__article .article-card__excerpt{margin-top:1.5rem;font-size:1.6rem;line-height:1.55}}.article-card__topic{display:block;margin-bottom:.2rem;font-size:1.15rem;font-weight:600;letter-spacing:.1rem;text-transform:uppercase;opacity:.55}.main-blog__empty{margin:0 0 3.2rem;font-size:1.7rem;opacity:.75}.blog-articles__article .article-card-wrapper{transition:transform .18s ease,box-shadow .18s ease}.blog-articles__article .article-card .article-card__image-wrapper{display:block;border:1px solid rgba(var(--color-foreground),.18);border-radius:2px;overflow:hidden;background-color:rgba(var(--color-foreground),.04);transition:border-color .18s ease}.blog-articles__article .article-card-wrapper:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(var(--color-foreground),.08)}.blog-articles__article .article-card-wrapper:hover .article-card__image-wrapper,.blog-articles__article .article-card-wrapper:focus-within .article-card__image-wrapper{border-color:rgba(var(--color-foreground),.85)}.blog-articles__article .article-card .media.media--hover-effect>img{transition:none!important}.blog-articles__article .article-card-wrapper:hover .media.media--hover-effect>img:first-child:only-child,.blog-articles__article .article-card .media.media--hover-effect>img:first-child:only-child{transform:none!important}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-main-blog.css.map */