.blog-posts-section{padding:72px 0}.blog-posts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.blog-post-card{background:var(--bg-soft);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.blog-post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.blog-post-card--intro{background:var(--red)}.blog-post-card__media{height:150px;position:relative;background:var(--bg-warm)}.blog-post-card__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center}.blog-post-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#000000a6,#0000000d 60%)}.blog-post-card__media--intro{display:flex;align-items:center;justify-content:center}.blog-post-card__play{width:44px;height:44px;border-radius:50%;background:#fff;color:var(--red);display:flex;align-items:center;justify-content:center}.blog-post-card__play svg{width:16px;height:16px}.blog-post-card__badge{position:absolute;left:12px;bottom:10px;right:12px;color:#fff;font-weight:800;font-size:.85rem;line-height:1.3;text-transform:uppercase}.blog-post-card__body{padding:20px;flex:1;display:flex;flex-direction:column}.blog-post-card__date{color:var(--red);font-size:.75rem;font-weight:600;margin-bottom:8px}.blog-post-card--intro .blog-post-card__date{color:#ffd9d9}.blog-post-card__title{color:var(--text);font-weight:700;font-size:.92rem;line-height:1.35;margin-bottom:8px}.blog-post-card--intro .blog-post-card__title{color:#fff}.blog-post-card__excerpt{color:var(--text-light);font-size:.82rem;line-height:1.5;flex:1}.blog-post-card--intro .blog-post-card__excerpt{color:#ffd9d9}.blog-post-card__tags{margin-top:14px;display:flex;gap:6px;flex-wrap:wrap}.blog-post-card__tag{background:#fff;color:var(--text);font-size:.68rem;font-weight:600;padding:5px 10px;border-radius:100px;border:1px solid var(--border)}.blog-post-card__tag--light{background:#ffffffe6;border:none}@media(max-width:1100px){.blog-posts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.blog-posts-section{padding:56px 0}.blog-posts-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-blog-posts.css.map */