.blog-posts{--page-content-width: var(--narrow-page-width);--page-width: calc(var(--page-content-width) + (var(--page-margin) * 2));--columns-gap: 36px;--rows-gap: 36px}.blog-posts-container{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;width:100%;column-gap:var(--columns-gap);row-gap:var(--rows-gap)}.blog-post-item{--blog-post-card-scale: .6;grid-column:span 2;border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-20));padding:0 1rem 1rem}@media screen and (max-width:749px){.blog-post-item{--blog-post-card-scale: .5;grid-column:span 6}}.blog-post-item:nth-child(2),.blog-post-item:nth-child(3){--blog-post-card-scale: .8;grid-column:span 3}@media screen and (max-width:749px){.blog-post-item:nth-child(2),.blog-post-item:nth-child(3){--blog-post-card-scale: .5;grid-column:span 6}}.blog-post-item:first-child{--blog-post-card-scale: 1;grid-column:span 6}.blog-posts--expanded .blog-post-item,.blog-posts--expanded .blog-post-item:first-child,.blog-posts--expanded .blog-post-item:nth-child(2),.blog-posts--expanded .blog-post-item:nth-child(3){--blog-post-card-scale: .6;grid-column:span 2}@media screen and (max-width:749px){.blog-posts--expanded .blog-post-item,.blog-posts--expanded .blog-post-item:first-child,.blog-posts--expanded .blog-post-item:nth-child(2),.blog-posts--expanded .blog-post-item:nth-child(3){--blog-post-card-scale: .5;grid-column:span 6}}.blog-posts--expanded .blog-post-item:first-child .blog-post-card{flex-direction:column}.blog-posts--expanded .blog-post-item:first-child .blog-post-card__image-container{width:100%}.blog-posts--expanded .blog-post-item:first-child:has(.blog-post-card__image-container) .blog-post-card__content{padding-inline-start:0;width:100%}.blog-post-item:has(.blog-post-card__image-container){border:none;padding:0}.blog-posts .blog-post-details>span:nth-child(n+2){display:none}.blog-posts--collapsed .blog-post-item:nth-child(n+4){display:none}.blog-posts__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.blog-posts__title{flex:1;min-width:0}.blog-posts__title>*{margin-bottom:0}.blog-posts__cta{flex-shrink:0;white-space:nowrap;padding:var(--cta-padding-block) var(--cta-padding-inline);border-radius:var(--cta-border-radius)}.blog-posts .heading--block .text-block__content h1{margin:15px 0}@media screen and (max-width:749px){.blog-posts__header{flex-direction:row;align-items:center;margin-bottom:0}.blog-posts__cta{align-self:auto}}
/*# sourceMappingURL=/cdn/shop/t/249/assets/blog-posts.css.map */