.blog-post .featured-image img{transition:all 1s cubic-bezier(.104,.204,.492,1)}.blog-post{margin-bottom:50px}.blog-post .featured-image{margin-bottom:24px;overflow:hidden;position:relative;height:0;padding-bottom:var(--ratio-percent)}.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),.03);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:10px}.blog-post .post-meta{font-size:.75rem;text-transform:uppercase;color:var(--color-body);opacity:.6;letter-spacing:.1em;margin-bottom:12px}.blog-post .post-excerpt{font-size:.9375rem}.blog-post--large{width:100%;position:relative}@media only screen and (min-width:768px){.blog-post--large .featured-image{width:100%;max-width:66%;padding-bottom:var(--ratio-percent-medium)}[dir=rtl] .blog-post--large .featured-image{margin-right:auto}}@media only screen and (min-width:768px){.blog-post--content{border:1px solid var(--color-border);padding:50px;position:absolute;top:50%;right:0;background:var(--bg-body, #fff);max-width:500px;transform:translateY(-50%)}}@media only screen and (min-width:1068px){.blog-post--content{min-width:500px;max-width:100%;width:calc(33.9% + 50px)}}@media only screen and (max-width:767px){.blog-posts.swipe-on-mobile .row{display:grid;grid-gap:10px;grid-auto-flow:column;grid-auto-columns:minmax(var(--mobile-swipe-width),1fr);overflow-x:auto;grid-template-columns:repeat(auto-fill,minmax(var(--mobile-swipe-width),1fr));width:calc(100% + 30px);padding:0 15px;margin-left:-15px;scroll-snap-type:x mandatory;scrollbar-width:none}.blog-posts.swipe-on-mobile .row::-webkit-scrollbar{display:none}.blog-posts.swipe-on-mobile .row .columns{scroll-snap-stop:always;padding:0}}.blog-post,.blog-post .featured-image{margin-bottom:0}.blog-post h4,.blog-post h5{margin-bottom:8px}.blog-post h4{font-family:var(--wr-font-subtitle);font-weight:var(--wr-font-subtitle-weight);font-size:var(--wr-font-s1-fs);line-height:var(--wr-font-s1-lh);letter-spacing:var(--wr-font-s1-ls);text-transform:var(--wr-font-s1-tt)}.blog-post .post-meta{opacity:1;margin-bottom:8px;font-family:var(--wr-font-caption);font-weight:var(--wr-font-caption-weight);font-size:var(--wr-font-c2-fs);line-height:var(--wr-font-c2-lh);letter-spacing:var(--wr-font-c2-ls);text-transform:var(--wr-font-c2-tt)}.wr-blog-post__info{padding:16px 16px 0;border-left:1px solid rgb(var(--wr-color-clay-rgb-50))}.blog-post .post-excerpt{font-size:var(--wr-font-b2-fs)}.blog-post .text-button{font-size:var(--wr-font-b3-fs)}.section-blog-posts{overflow-x:hidden}.section-blog-posts .section-spacing{padding-block-start:5px}.section-blog-posts .full-width-row-full .section-header{padding-inline:calc(var(--wr-outer-gutter-row))}.section-blog-posts .flickity-viewport{overflow:visible}.section-blog-posts .carousel .columns{--wr-outer-gutter-columns: 2px;width:calc(100vw - (var(--wr-outer-gutter-row) * 2) + (var(--wr-outer-gutter-columns) * 2))}.section-blog-posts .carousel__slide{opacity:.5;transition:opacity .3s ease-in-out}.section-blog-posts .carousel__slide.is-selected{opacity:1}@media screen and (min-width:768px){.section-blog-posts .carousel{margin-left:0;margin-right:0}.section-blog-posts .carousel .columns{--wr-outer-gutter-columns: 1.5px;width:calc((100vw - (var(--wr-outer-gutter-row) * 2)) / 3)}.section-blog-posts .carousel__slide{opacity:1;transition:opacity .3s ease-in-out}}.blog-section .blog-post{margin-bottom:50px}@media only screen and (min-width:768px){.blog-post--large .featured-image{max-width:calc(66.666% - 2px)}}@media screen and (max-width:767px){.blog-post--large .blog-post--content{padding:16px 16px 0;border-left:1px solid rgb(var(--wr-color-clay-rgb-50))}}@media only screen and (min-width:768px){.blog-section .row .columns{--wr-outer-gutter-columns: 1px;padding:0 var(--wr-outer-gutter-columns)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/blog.css.map */