.blog-modern{padding-left:var(--page-margin);padding-right:var(--page-margin)}.blog-modern__container{max-width:var(--page-width);margin:0 auto}.blog-modern__header{text-align:center;margin-bottom:4rem}.blog-modern__title{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1rem;letter-spacing:-.02em}.blog-modern__count{font-size:.9rem;opacity:.7;text-transform:uppercase;letter-spacing:.1em}.blog-modern__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:3rem 2rem}.blog-modern__card{grid-column:span 4;transition:transform .3s ease}.blog-modern__card:hover{transform:translateY(-8px)}.blog-modern__card--featured{grid-column:span 12;display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;margin-bottom:4rem;align-items:center}.blog-modern__card--featured .blog-modern__image-wrapper{margin-bottom:0}.blog-modern__card--featured .blog-modern__card-title{font-size:clamp(2rem,4vw,3rem)}.blog-modern__card-link{text-decoration:none;color:inherit;display:block}.blog-modern__image-wrapper{width:100%;aspect-ratio:16/10;overflow:hidden;margin-bottom:1.5rem;border-radius:4px;background:#f0f0f0}.blog-modern__image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.blog-modern__card:hover .blog-modern__image{transform:scale(1.05)}.blog-modern__meta{display:flex;gap:1rem;font-size:.8rem;opacity:.6;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.blog-modern__card-title{font-size:1.5rem;line-height:1.3;margin-bottom:1rem;font-weight:500}.blog-modern__excerpt{font-size:1rem;line-height:1.6;opacity:.8;margin-bottom:1.5rem}.blog-modern__read-more{display:inline-block;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid currentColor;padding-bottom:2px;transition:opacity .3s ease}.blog-modern__card:hover .blog-modern__read-more{opacity:.7}@media screen and (max-width:989px){.blog-modern__card{grid-column:span 6}.blog-modern__card--featured{grid-template-columns:1fr;gap:1.5rem}}@media screen and (max-width:749px){.blog-modern__card{grid-column:span 12}.blog-modern__header{margin-bottom:2.5rem}.blog-modern__grid{gap:2.5rem}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/blog-modern.css.map */