.blog-hub{padding:60px 0}.blog-hub__header{text-align:center;max-width:900px;margin:0 auto 50px}.blog-hub__title{margin:0;font-size:42px;line-height:1.1}.blog-hub__description{margin-top:20px;color:#666}.blog-hub__filters{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:50px}.blog-filter{padding:0 24px;cursor:pointer;transition:.3s;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.blog-filter:hover,.blog-filter.active{text-decoration:underline}.blog-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.article-card{position:relative;overflow:hidden;background:#eee}.article-card:nth-child(1){grid-column:span 6;grid-row:span 2}.article-card:nth-child(2){grid-column:span 6;grid-row:span 2}.article-card:nth-child(n+3){grid-column:span 3}.article-card__link{display:block;position:relative;height:100%;color:#fff!important;text-decoration:none}.article-card__image{height:100%}.article-card__image img{width:100%;height:100%;display:block;object-fit:cover;transition:.5s}.article-card:hover .article-card__overlay{background:#0006}.article-card__overlay{position:absolute;left:0;right:0;bottom:0;top:0;display:flex;align-items:flex-end}.article-card__content{padding:28px;width:100%}.article-card__blog{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:.15em;opacity:.85;margin-bottom:10px}.article-card__title{color:#fff;margin:0;font-size:30px;line-height:1.2}.article-card:nth-child(n+3) .article-card__title{font-size:20px}.article-card__excerpt{margin-top:15px;font-size:14px;line-height:1.7;opacity:.95}.article-card__footer{margin-top:22px;display:flex;justify-content:space-between;align-items:center}.article-card__date{font-size:13px;opacity:.85}.article-card__button{text-decoration:underline;font-size:14px;font-weight:600}.article-card{min-height:320px}.article-card:nth-child(1),.article-card:nth-child(2){min-height:650px}.article-card:nth-child(n+3){min-height:300px}@media screen and (max-width:1200px){.blog-grid{grid-template-columns:repeat(2,1fr)}.article-card{grid-column:auto!important;grid-row:auto!important;min-height:420px!important}}@media screen and (max-width:749px){.blog-grid{grid-template-columns:1fr;gap:20px}.article-card{min-height:420px!important}.blog-hub__title{font-size:34px}.blog-hub{padding:40px 0}.article-card__content{padding:20px}.article-card__title{font-size:24px!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/blog-hub.css.map */