.blog-post .featured-image img{transition:all 1s cubic-bezier(.104,.204,.492,1)}.blog-post{margin-bottom:35px}.blog-post .featured-image{margin-bottom:20px;overflow:hidden;position:relative}.blog-post .featured-image>a{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.blog-post .featured-image>a img{height:100%;width:100%;object-fit:cover}.blog-post .featured-image>a .thb-placeholder{background:rgba(var(--color-body-rgb),.05);width:100%;height:100%}.blog-post .featured-image>a .thb-placeholder svg{fill:var(--color-accent)}.blog-post .featured-image>a:hover img,.blog-post .featured-image>a:focus img{transform:scale(1.05)}.blog-post .featured-image img{display:block;will-change:scale}.blog-post h5{margin-bottom:8px}.blog-post .post-meta{font-size:.75rem;color:var(--color-body);opacity:.6;margin-bottom:5px}.blog-post .post-excerpt{font-size:.875rem}.blog-post .post-excerpt p{margin-bottom:0}.blog-post--large{display:grid;width:100%;position:relative}@media only screen and (min-width: 768px){.blog-post--large{grid-template-columns:calc(calc(calc(100% - 60px) / 3) * 2 + 30px) auto;gap:30px}.blog-post--large .featured-image{margin-bottom:0;min-height:100%;padding-bottom:var(--ratio-percent-medium)}}@media only screen and (min-width: 1068px){.blog-post--large h5{font-size:calc(var(--font-heading-scale) * 28px);line-height:calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 36px))}}.blog-post--content{background-color:rgba(var(--color-body-rgb),.05);padding:15px}@media only screen and (min-width: 768px){.blog-post--content{padding:25px}}@media only screen and (min-width: 1068px){.blog-post--content{padding:40px}}.blog-posts .blog-posts--inner{--column-gap: 10px;display:grid;gap:var(--column-gap);grid-auto-flow:column;grid-auto-columns:minmax(var(--mobile-swipe-width),1fr);overflow-x:auto;scroll-snap-type:x mandatory}@media only screen and (min-width: 768px){.blog-posts .blog-posts--inner{--column-gap: 20px;grid-auto-columns:calc((100% - (var(--column-gap) * calc(var(--tablet-columns) - 1))) / var(--tablet-columns))}}@media only screen and (min-width: 1068px){.blog-posts .blog-posts--inner{--column-gap: 20px;grid-auto-columns:calc((100% - (var(--column-gap) * calc(var(--desktop-columns) - 1))) / var(--desktop-columns))}}.blog-posts .blog-posts--inner .blog-post{scroll-snap-align:center;margin-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/24/assets/blog.css.map */