.blog-posts__inner{max-width:var(--bp-content-width, 112rem);margin:0 auto}.blog-posts__heading{margin:0 0 3rem;font-family:var(--font-heading-family);font-weight:500;font-size:clamp(2.4rem,3.4vw,3.2rem);line-height:1.15;color:var(--bp-title-color, #111111)}.blog-posts__grid{display:grid;grid-template-columns:repeat(var(--bp-cols-mobile, 1),minmax(0,1fr));column-gap:var(--bp-col-gap, 2.4rem);row-gap:var(--bp-row-gap, 4rem)}@media screen and (min-width:750px){.blog-posts__grid{grid-template-columns:repeat(var(--bp-cols-tablet, 2),minmax(0,1fr))}}@media screen and (min-width:990px){.blog-posts__grid{grid-template-columns:repeat(var(--bp-cols, 3),minmax(0,1fr))}}.blog-posts__card{display:flex;flex-direction:column}.blog-posts__media{display:block;border-radius:var(--bp-image-radius, 1.2rem);overflow:hidden;aspect-ratio:var(--bp-image-ratio, 1.5);background:#0000000a;line-height:0}.blog-posts__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.blog-posts__img--placeholder{display:flex;align-items:center;justify-content:center}.blog-posts__img--placeholder .placeholder-svg{width:100%;height:100%;object-fit:cover;opacity:.5}.blog-posts__media:hover .blog-posts__img{transform:scale(1.04)}.blog-posts__body{padding-top:1.8rem}.blog-posts__title{margin:0 0 1rem;font-family:var(--font-heading-family);font-weight:500;font-size:var(--bp-title-size, 1.9rem);line-height:1.25;letter-spacing:0}.blog-posts__title a{color:var(--bp-title-color, #111111);text-decoration:none}.blog-posts__date{margin:0 0 .8rem;font-size:1.3rem;color:var(--bp-excerpt-color, #7a7a7a)}.blog-posts__excerpt{margin:0 0 1.6rem;color:var(--bp-excerpt-color, #7a7a7a);font-size:1.4rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-posts__link{display:inline-flex;align-items:center;gap:.6rem;color:var(--bp-link-color, #111111);font-size:1.5rem;font-weight:500;text-decoration:none}.blog-posts__arrow{width:1.5rem;height:1.5rem;flex:0 0 auto;transition:.5s ease}.blog-posts__link:hover .blog-posts__arrow{transform:rotate(50deg)}.blog-posts .pagination-wrapper{margin-top:4rem}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-blog-posts.css.map */
