.blog-articles{display:grid;grid-template-columns:1fr;gap:24px;--blog-card-radius: 16px}.blog-articles .card-wrapper{width:100%}@media screen and (min-width:750px){.blog-articles{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1200px){.blog-articles{grid-template-columns:repeat(3,1fr)}}.blog-articles .card-wrapper,.blog-articles__article{height:100%}.blog-articles .card,.blog-articles .article-card{display:flex;flex-direction:column;height:100%;border-radius:var(--blog-card-radius);overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000000f;transition:box-shadow .25s,transform .25s}.blog-articles .card:hover,.blog-articles .article-card:hover{box-shadow:0 6px 18px #0000001f;transform:translateY(-3px)}.blog-articles .article-card__image,.blog-articles .card__media,.blog-articles .card .media{position:relative;width:100%;overflow:hidden;flex-shrink:0}@supports (aspect-ratio: 1){.blog-articles .article-card__image,.blog-articles .card__media,.blog-articles .card .media{aspect-ratio:16 / 10}}.blog-articles .article-card__image img,.blog-articles .card__media img,.blog-articles .card .media img,.blog-articles .ratio img{width:100%;height:100%;object-fit:cover;display:block}.blog-articles .card__content,.blog-articles .article-card__info,.blog-articles .card .content-wrapper{flex:1;display:flex;flex-direction:column;padding:18px 20px 20px;gap:10px}.blog-articles .article-card__title,.blog-articles .card__heading,.blog-articles .card h3,.blog-articles .card h2{font-size:18px;line-height:1.3;margin:0;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-articles .article-card__excerpt,.blog-articles .card__excerpt,.blog-articles .rte *{font-size:14px;line-height:1.5;color:#555;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-articles .meta,.blog-articles .card__information,.blog-articles time{font-size:12px;color:#888;margin-top:auto}.blog-articles--collage>*{grid-column:auto!important}.blog-articles--collage .card,.blog-articles--collage .article-card{text-align:left}@media(max-width:640px){.blog-articles{gap:20px}.blog-articles .article-card__title,.blog-articles .card__heading{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-main-blog.css.map */