.blog-listing__desktop{display:block}.blog-listing__top-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.blog-listing__bottom-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.blog-listing__grid{display:flex;gap:3rem;align-items:stretch;flex-direction:row-reverse}.blog-listing__posts{display:grid;grid-template-columns:1fr 1fr;gap:2rem;flex:1}.blog-listing__post{position:relative;border-radius:.8rem;overflow:hidden;transition:transform .3s ease;border:1px solid #EBEBEB;background:#f5f5f5}.blog-listing__post:hover{transform:translateY(-.5rem)}.blog-listing__post-link{display:block;text-decoration:none;color:inherit}.blog-listing__post-image{position:relative;aspect-ratio:800 / 420;overflow:hidden}.blog-listing__post-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-listing__post:hover .blog-listing__post-image img{transform:scale(1.05)}.blog-listing__post-date{position:absolute;bottom:1rem;right:1rem;background:#fff;padding:4px 8px;border-radius:6px;font-family:Roboto;font-weight:500;font-size:14px;line-height:22px;color:#3e6827}.blog-listing__post-content{background:#f5f5f5;padding:16px;display:flex;flex-direction:column;gap:4px}.blog-listing__post-title{font-family:Roboto;font-weight:700;font-size:18px;line-height:24px;letter-spacing:0%;margin:0}.blog-listing__post-excerpt{font-family:Roboto;font-weight:400;font-size:14px;line-height:22px;color:#717171;margin:0}.blog-listing__featured{position:sticky;top:2rem;flex:1;height:auto}.blog-listing__featured-post{border-radius:1rem;overflow:hidden;transition:transform .3s ease;height:100%}.blog-listing__featured-post:hover{transform:translateY(-.5rem)}.blog-listing__featured-link{display:block;text-decoration:none;color:inherit;height:100%}.blog-listing__featured-image{position:relative;overflow:hidden;height:100%}.blog-listing__featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-listing__featured-post:hover .blog-listing__featured-image img{transform:scale(1.05)}.blog-listing__featured-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%);padding:2rem;color:#fff}.blog-listing__featured-tag{display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:.5rem;background:#fff;padding:8px 16px;border-radius:6px;font-family:Roboto;font-weight:500;font-size:14px;line-height:22px;color:#3e6827;margin-bottom:1rem}.blog-listing__featured-title{font-family:Roboto;font-weight:700;font-style:Bold;font-size:28px;color:#fff;line-height:120%;margin:0}.blog-listing__featured-excerpt{font-family:Roboto;font-weight:400;font-size:14px;line-height:22px;color:#fff}.blog-listing__mobile{display:flex}.blog-listing__slider-container{position:relative}.blog-listing__slider{display:flex;gap:1rem;overflow:auto;align-items:stretch}.blog-listing__slider::-webkit-scrollbar{display:none}.blog-listing__slide{min-width:280px;flex-shrink:0;height:auto}.blog-listing__slide--featured{min-width:300px}.blog-listing__mobile-featured{border-radius:1rem;overflow:hidden}.blog-listing__mobile-featured-link{display:block;text-decoration:none;color:inherit}.blog-listing__mobile-featured-image{position:relative;aspect-ratio:4/5;overflow:hidden}.blog-listing__mobile-featured-image img{width:100%;height:100%;object-fit:cover}.blog-listing__mobile-featured-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%);padding:1.5rem;color:#fff;display:flex;flex-direction:column;gap:10px}.blog-listing__mobile-featured-tag{display:inline-block;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:.5rem;background:#fff;padding:8px 16px;border-radius:6px;font-family:Roboto;font-weight:500;font-size:14px;line-height:22px;color:#3e6827;width:fit-content}.blog-listing__mobile-featured-title{font-weight:700;font-size:18px;line-height:24px;margin:0;color:#fff}.blog-listing__mobile-featured-excerpt{font-weight:400;font-size:14px;line-height:22px;letter-spacing:0%;margin:0;color:#fff}.blog-listing__mobile-post{border-radius:12px;overflow:hidden;background:#f5f5f5;border:1px solid #EBEBEB;height:100%}.blog-listing__mobile-post-link{display:block;text-decoration:none;color:inherit}.blog-listing__mobile-post-image{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:12px;height:250px;width:100%}.blog-listing__mobile-post-image img{width:100%;height:100%;object-fit:cover}.blog-listing__mobile-post-date{position:absolute;bottom:.8rem;right:.8rem;background:#fff;padding:.4rem .8rem;border-radius:6px;font-family:Roboto;font-weight:500;font-size:14px;line-height:22px;letter-spacing:0%;color:#3e6827}.blog-listing__mobile-post-content{padding:1rem}.blog-listing__mobile-post-title{font-family:Roboto;font-weight:700;font-size:18px;line-height:24px;letter-spacing:0%;color:#000}.blog-listing__mobile-post-excerpt{font-family:Roboto;font-weight:400;font-size:14px;line-height:22px;letter-spacing:0%;color:#717171}.blog-listing__slider-container .glider-prev,.blog-listing__slider-container .glider-next{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;z-index:2;transition:background .3s ease}.blog-listing__slider-container .glider-prev:hover,.blog-listing__slider-container .glider-next:hover{background:#000000b3}.blog-listing__slider-container .glider-prev{left:-20px}.blog-listing__slider-container .glider-next{right:-20px}.blog-listing__slider-container .glider-dots{display:flex;justify-content:center;margin-top:2rem}.blog-listing__slider-container .glider-dot{width:8px;height:8px;border-radius:50%;background:rgba(var(--color-foreground),.3);border:none;cursor:pointer;transition:background .3s ease}.blog-listing__slider-container .glider-dot.active{background:rgb(var(--color-foreground))}@media screen and (max-width: 989px){.blog-listing__desktop{display:none}.blog-listing__mobile{display:block}}@media screen and (max-width: 749px){.blog-listing__grid{display:grid;grid-template-columns:1fr;gap:2rem}.blog-listing__posts{grid-template-columns:1fr;gap:1.5rem}.blog-listing__featured{position:static}.blog-listing__slide{min-width:260px}.blog-listing__slide--featured{min-width:280px}.blog-listing__mobile-post-image{aspect-ratio:4 / 2;height:auto}}@media (prefers-reduced-motion: no-preference){.blog-listing__post.animate--slide-in,.blog-listing__featured-post.animate--slide-in{transform:translateY(2rem);transition:opacity .6s ease,transform .6s ease}.blog-listing__post.animate--slide-in.scroll-trigger--visible,.blog-listing__featured-post.animate--slide-in.scroll-trigger--visible{opacity:1;transform:translateY(0)}}.blog-listing.color-background-1{background:rgb(var(--color-background))}.blog-listing.color-background-2{background:rgb(var(--color-background-2))}.blog-listing.color-accent-1{background:rgb(var(--color-accent-1))}.blog-listing.color-accent-2{background:rgb(var(--color-accent-2))}.blog-listing.color-inverse{background:rgb(var(--color-inverse-background))}.blog-listing.color-inverse .blog-listing__post-title,.blog-listing.color-inverse .blog-listing__post-excerpt,.blog-listing.color-inverse .blog-listing__mobile-post-title,.blog-listing.color-inverse .blog-listing__mobile-post-excerpt{color:rgb(var(--color-inverse-foreground))}.blog-listing.color-inverse .blog-listing__post-excerpt,.blog-listing.color-inverse .blog-listing__mobile-post-excerpt{color:rgba(var(--color-inverse-foreground),.7)}.blog-listing-title,.blog-listing-title h2{text-align:center;justify-content:center}@media screen and (max-width: 990px){.blog-listing-title,.blog-listing-title h2{font-weight:600;font-size:32px;line-height:24px;text-transform:capitalize;padding:0}.blog-listing__slider .glider-track{gap:1rem;align-items:stretch}.blog-listing__mobile-featured,.blog-listing__mobile-featured-link,.blog-listing__mobile-featured-image{height:100%;width:100%}.blog-listing__mobile-featured-title,.blog-listing__mobile-featured-excerpt,.blog-listing__mobile-post-title,.blog-listing__mobile-post-excerpt{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/502/assets/section-blog-listing.css.map */