.blog-articles{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:3rem;margin-top:3rem}.blog-articles__article{display:flex;flex-direction:column;height:100%}.article-card{display:flex!important;flex-direction:column!important;height:100%;background:rgba(var(--color-background),.05);border-radius:12px;overflow:hidden;border:1px solid rgba(var(--color-foreground),.1);transition:transform .3s ease,box-shadow .3s ease}.article-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.article-card__image-wrapper{width:100%;height:240px;overflow:hidden;flex-shrink:0;background:rgba(var(--color-foreground),.02)}.article-card__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.article-card:hover .article-card__image{transform:scale(1.05)}.article-card__info{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.article-card__title{font-size:1.25rem!important;line-height:1.4!important;margin:0!important;font-weight:600;color:rgb(var(--color-headings))}.article-card__title a{color:inherit;text-decoration:none}.article-card__title a:hover{opacity:.8}.article-card__meta{font-size:.85rem;color:rgba(var(--color-foreground),.7);display:flex;gap:.5rem;align-items:center}.article-card__excerpt{font-size:.95rem!important;line-height:1.6!important;margin:0!important;color:rgba(var(--color-foreground),.9)}@media screen and (max-width: 749px){.blog-articles{grid-template-columns:1fr;gap:2rem}.article-card__image-wrapper{height:200px}.article-card__title{font-size:1.1rem!important}}.blog-articles--collage{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card-style-sharp .article-card{border-radius:0!important}.card-style-rounded .article-card{border-radius:12px!important}.card-style-super-rounded .article-card{border-radius:24px!important}.card-style-blob .article-card{border-radius:60% 40% 30% 70%/60% 30% 70% 40%!important}.card-style-blob .article-card__image-wrapper{border-radius:50% 30% 40% 60%/40% 60% 30% 50%!important;margin:1rem;width:calc(100% - 2rem);height:calc(240px - 2rem)}
/*# sourceMappingURL=/cdn/shop/t/54/assets/section-main-blog.css.map */