.blog-grid{width:100%}.blog-grid__header{text-align:center;margin-bottom:2rem}@media screen and (min-width:750px){.blog-grid__header{margin-bottom:3rem}}.blog-grid__title{margin:0}.blog-grid__list{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin:0;padding:0}@media screen and (min-width:750px){.blog-grid__list{gap:2rem}}.blog-grid__item{width:100%;min-width:0}@media screen and (min-width:990px){.blog-grid__list--2-col{grid-template-columns:repeat(2,1fr)}.blog-grid__list--3-col{grid-template-columns:repeat(3,1fr)}.blog-grid__list--4-col{grid-template-columns:repeat(4,1fr)}.blog-grid__list--5-col{grid-template-columns:repeat(5,1fr)}.blog-grid__list--6-col{grid-template-columns:repeat(6,1fr)}}.blog-grid__card{display:block;text-decoration:none;color:inherit;transition:opacity var(--duration-short) ease}.blog-grid__card:hover{opacity:.85}.blog-grid__image-wrapper{position:relative;width:100%;padding-bottom:100%;overflow:hidden;border-radius:var(--blog-card-corner-radius, 0);background-color:rgba(var(--color-foreground),.04)}.blog-grid__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--duration-long) ease}.blog-grid__card:hover .blog-grid__image{transform:scale(1.03)}.blog-grid__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-foreground),.04)}.blog-grid__placeholder-svg{width:40%;height:40%;fill:rgba(var(--color-foreground),.2)}.blog-grid__article-title{margin:1rem 0 0;font-size:1.4rem;font-weight:400;line-height:1.4;color:rgb(var(--color-foreground));text-align:center;word-break:break-word;overflow-wrap:break-word}@media screen and (min-width:750px){.blog-grid__article-title{font-size:1.5rem;margin-top:1.2rem}}@media screen and (min-width:990px){.blog-grid__article-title{font-size:1.6rem}}.blog-grid__view-all{margin-top:3rem;text-align:center}@media screen and (min-width:750px){.blog-grid__view-all{margin-top:4rem}}.blog-grid__item.scroll-trigger.animate--slide-in{opacity:0;transform:translateY(2rem)}.blog-grid__item.scroll-trigger.animate--slide-in.scroll-trigger--animate{opacity:1;transform:translateY(0);transition:opacity .5s ease,transform .5s ease;transition-delay:calc(var(--animation-order, 0) * .1s)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-blog-grid.css.map */