.blog{padding:4rem 0;background:#fff}.blog__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem}.blog__header-left{max-width:460px}.blog__eyebrow{display:flex;align-items:center;gap:10px;color:var(--color-cobalt);font-size:11px;font-weight:500;text-transform:uppercase;margin-bottom:.75rem}.blog__eyebrow:before{content:"";display:block;width:28px;height:2px;background:var(--color-cobalt);flex-shrink:0}.blog__heading{font-family:var(--font-heading);font-weight:400;color:var(--color-text-dark);line-height:1.1;letter-spacing:-.01em;margin:0 0 .75rem}.blog__heading em{color:var(--color-cobalt);font-style:italic}.blog__link{display:flex;align-items:center;gap:6px;color:var(--color-cobalt);font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap;flex-shrink:0}.blog__link svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.blog__link:hover{color:var(--color-cobalt-dark)}.blog__grid{display:grid;grid-template-columns:1.75fr 1fr 1fr;gap:16px;align-items:stretch}.blog__swiper-wrap{display:none}.blog__cta--mobile{display:flex}.blog-card{background:#fff;border:.5px solid #d1d8e0;border-radius:12px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:border-color .2s,transform .15s}.blog-card:hover{border-color:var(--color-cobalt);transform:translateY(-2px)}.blog-card__image{background:var(--color-sand);width:100%;height:180px;overflow:hidden;flex-shrink:0}.blog-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.blog-card:hover .blog-card__image img{transform:scale(1.03)}.blog-card__image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.blog-card__image-placeholder svg{width:28px;height:28px;stroke:var(--color-text-muted);fill:none;stroke-width:1.5;opacity:.5}.blog-card__body{padding:1.25rem;display:flex;flex-direction:column;flex:1;gap:10px}.blog-card__tag{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-cobalt);margin:0}.blog-card__title{font-family:var(--font-heading);font-weight:400;color:var(--color-text-dark);line-height:1.2;margin:0}.blog-card__excerpt{font-size:14px;color:var(--color-text-muted);line-height:1.6;margin:0;flex:1}.blog-card__meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted);flex-wrap:wrap;margin-top:auto}.blog-card__meta-dot{opacity:.4}.blog-card--featured .blog-card__image{height:280px}.blog-card--featured .blog-card__title{font-size:1.75rem}.blog-card--secondary .blog-card__title{font-size:1.5rem}.blog__cta{display:flex;justify-content:center;margin-top:2.5rem}.blog__cta-btn{display:inline-flex;align-items:center;gap:8px;color:var(--color-cobalt);font-family:var(--font-body);font-size:14px;font-weight:500;text-decoration:none;border:1.5px solid var(--color-cobalt);border-radius:8px;padding:1rem 2.5rem;transition:background .2s,color .2s}.blog__cta-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.blog__cta-btn:hover{background:var(--color-cobalt);color:#fff}@media(max-width:768px){.blog{padding:2.5rem 0}.blog__header{padding:0 1.25rem;flex-direction:column;align-items:flex-start;gap:1rem}.blog__grid,.blog__cta--desktop{display:none}.blog__cta--mobile{display:flex;margin-top:1.5rem;padding:0 1.25rem}.blog__swiper-wrap{display:block;overflow-x:clip}.blog__swiper{overflow:visible!important;padding:.5rem 2.5rem 2.5rem!important}.blog__swiper .swiper-wrapper{align-items:stretch}.blog__swiper .swiper-slide{width:280px;display:flex;height:auto}.blog__swiper .swiper-slide .blog-card{width:100%;height:100%}.blog__swiper .swiper-pagination{position:relative!important;bottom:auto!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;text-align:center;display:block;margin-top:1.25rem}.blog__swiper .swiper-pagination-bullet{background:var(--color-cobalt);opacity:.3}.blog__swiper .swiper-pagination-bullet-active{opacity:1}.blog-card--featured .blog-card__image,.blog-card--secondary .blog-card__image{height:180px}.blog-card--featured .blog-card__title,.blog-card--secondary .blog-card__title{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-blog.css.map */
