.custom-blog-grid-section{background-color:var(--bg-color);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);width:100%;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.blog-grid-container{max-width:1400px;margin:0 auto;padding:0 4rem}.blog-grid-header{margin-bottom:3rem;text-align:left}.blog-posts-flex-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3.5rem;align-items:start}.blog-post-row-item{display:flex;flex-direction:row;align-items:flex-start;gap:1.5rem}.blog-post-image-aside{width:90px;height:90px;flex-shrink:0;border-radius:var(--card-radius);overflow:hidden;background-color:#f7f7f7}.blog-post-image-aside a{display:block;width:100%;height:100%}.blog-post-image-aside img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.16,1,.3,1)}.blog-post-row-item:hover .blog-post-image-aside img{transform:scale(1.05)}.blog-post-content-aside{display:flex;flex-direction:column;justify-content:flex-start;padding-top:.2rem}.blog-post-row-title{margin:0 0 .8rem;font-size:var(--title-font-size);font-weight:700;line-height:1.25;letter-spacing:-.01em;text-transform:uppercase}.blog-post-row-title a{text-decoration:none;color:var(--heading-color);transition:opacity .2s ease}.blog-post-row-title a:hover{opacity:.8}.blog-post-row-meta{font-size:var(--meta-font-size);font-weight:500;letter-spacing:.05rem;color:var(--meta-color);display:flex;flex-wrap:wrap;gap:.5rem;line-height:1.2}.text-uppercase{text-transform:uppercase}.blog-grid-footer-action{margin-top:4.5rem;display:flex;justify-content:center;width:100%}.blog-grid-discover-btn{display:inline-block;background-color:var(--btn-bg);color:var(--btn-text);padding:13px 12px;font-size:20px;font-weight:700;letter-spacing:.1rem;text-decoration:none;text-align:center;transition:background-color .25s ease,color .25s ease;border-radius:15px}.blog-grid-discover-btn:hover{background-color:var(--btn-hover-bg);color:var(--btn-hover-text)}@media screen and (max-width:1100px){.blog-posts-flex-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem}}@media screen and (max-width:650px){.blog-posts-flex-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:2.5rem}.blog-grid-container{padding:0 1.5rem}.blog-grid-discover-btn{width:100%;padding:1.6rem 2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-blog-grid.css.map */