.blog-articles{gap:24px 1rem;margin-bottom:2rem}.article__content{margin-top:9px;gap:11px}.article__content *{margin-bottom:0}.article__content small{font-size:11px;line-height:15px}@media screen and (max-width: 768px){.article__content.content--floating{position:initial}}@media screen and (min-width: 769px){.blog-articles{gap:42px 1rem}.blog-articles article{flex:0 0 calc(33.33% - 11px)}.blog-articles article:nth-child(17n+1),.blog-articles article:nth-child(17n+12){flex:0 0 100%}.blog-articles article:nth-child(17n+5){flex:0 0 67%;margin:0 auto}.blog-articles article:nth-child(17n+16),.blog-articles article:nth-child(17n+17){flex:0 0 calc(50% - 8px)}.blog-articles article:nth-child(17n+1) .article__content,.blog-articles article:nth-child(17n+5) .article__content,.blog-articles article:nth-child(17n+12) .article__content,.blog-articles article:nth-child(17n+16) .article__content,.blog-articles article:nth-child(17n+17) .article__content{position:absolute;bottom:0;padding:24px;color:#fff;max-width:500px;z-index:2}.blog-articles article:nth-child(17n+1):after,.blog-articles article:nth-child(17n+5):after,.blog-articles article:nth-child(17n+12):after,.blog-articles article:nth-child(17n+16):after,.blog-articles article:nth-child(17n+17):after{content:"";background:linear-gradient(180deg,#0000 63.87%,#000c);position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.blog-articles article:nth-child(17n+1){height:calc(100vh - var(--header-height) - 101px)}.blog-articles article:nth-child(17n+12){height:calc(100vh - var(--header-height) - 40px)}.blog-articles article:nth-child(17n+1) .media-ratio,.blog-articles article:nth-child(17n+12) .media-ratio{position:unset;padding-top:0;height:100%}.blog-articles article{opacity:0;transform:translateY(10px);transition:all .5s ease-in-out}.blog-articles article:has(.animate-fade-in){opacity:1;transform:translateY(0)}}.blog-articles article.image-height--hero .media--cover{height:100%}.collection__item .content.content--floating{bottom:0;left:0;padding:24px}.collection__menu-floating{display:none}.collection__menu-floating li{padding:0 6px}@media screen and (min-width: 769px){.collection__menu-floating{display:block;width:fit-content;bottom:42px;margin-bottom:42px;position:sticky;padding:12px;background-color:#fff;border:.5px solid rgba(0,0,0,.2);z-index:1}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/blog.css.map */