.section-hero-banner-blog{margin-bottom:0}.section-hero-banner-blog .image-container{padding-bottom:128%}.section-hero-banner-blog .posts-container{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5;display:grid;grid-template-columns:1fr;align-items:end;padding:28px;color:#fff;gap:58px}.section-hero-banner-blog .posts-container .post{opacity:.5;transition:all .4s ease-in-out}.section-hero-banner-blog .posts-container .post:hover{opacity:1}.section-hero-banner-blog .posts-container .title,.section-hero-banner-blog .posts-container .excert{margin-bottom:15px}.section-hero-banner-blog .posts-container .excert{min-height:60px;font-size:14px}.section-hero-banner-blog .posts-container .button{color:#fff}@media only screen and (max-width: 1024px){.section-hero-banner-blog .posts-container .post{display:none}.section-hero-banner-blog .posts-container .post.post-1{display:block}}@media only screen and (min-width: 1024px){.section-hero-banner-blog .image-container{padding-bottom:50%}.section-hero-banner-blog .posts-container{grid-template-columns:1fr 1fr 1fr 1fr}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/section-hero-banner-blog.css.map */