.blog-posts-banner{min-height:300px;display:flex;align-items:center;padding:80px 0 100px;text-align:center;position:relative;z-index:1}.blog-posts-banner.has-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to top,transparent,rgba(30,30,30,.6));z-index:-1}.blog-posts-banner img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.blog-posts-banner h1{font-size:calc(var(--font-heading-scale) * 46px);margin:0;text-transform:uppercase}.scroll-target{position:absolute;bottom:40px;left:0;right:0;width:34px;height:34px;display:block;margin:auto}.scroll-target svg{width:100%;height:100%;display:block}.blog-posts-banner.has-image h1{color:rgb(var(--color-background))}.has-image .scroll-target svg path{stroke:rgb(var(--color-background))}.has-image .scroll-target svg path:first-child{stroke:rgba(var(--color-background),.2)}@media screen and (max-width:989px){.blog-posts-banner{min-height:240px;padding:60px 0 100px}.blog-posts-banner h1{font-size:calc(var(--font-heading-scale) * 40px)}.scroll-target{width:30px;height:30px}}@media screen and (max-width:749px){.blog-posts-banner{min-height:200px}.blog-posts-banner h1{font-size:calc(var(--font-heading-scale) * 32px)}}@media(prefers-color-scheme:dark){.blog-posts-banner.has-image h1{color:rgb(var(--color-foreground))}.scroll-target svg path{stroke:rgb(var(--color-foreground))}.scroll-target svg path:first-child{stroke:rgba(var(--color-foreground),.2)}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/section-blog-posts-banner.css.map */