.hero-banner{position:relative;width:100%;height:100vh;max-height:var(--max-height-mobile, 600px);clip-path:inset(0)}.hero-banner__media{position:absolute;top:0;left:0;width:100%;height:100%}.hero-banner__media-element{width:100%;height:100%;object-fit:cover}.hero-banner__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-background))}.hero-banner__placeholder .placeholder-svg{width:100%;height:100%;object-fit:cover}.hero-banner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,var(--overlay-opacity, .3));pointer-events:none;z-index:1}.hero-banner__content{position:sticky;top:calc(50vh - var(--logo-height-mobile, 100px) / 2);display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none;height:var(--logo-height-mobile, 100px)}.hero-banner__logo{width:var(--logo-width-mobile, 150px);max-width:90%;height:auto}.hero-banner__corner-logo{position:absolute;top:var(--corner-logo-offset-mobile, 15px);right:var(--corner-logo-offset-mobile, 15px);z-index:2;pointer-events:none}.hero-banner__corner-logo img{width:var(--corner-logo-width-mobile, 60px);height:auto}@media screen and (min-width: 750px){.hero-banner{max-height:var(--max-height, 800px)}.hero-banner__content{top:calc(50vh - var(--logo-height, 150px) / 2);height:var(--logo-height, 150px)}.hero-banner__logo{width:var(--logo-width, 200px);max-width:none}.hero-banner__corner-logo{top:var(--corner-logo-offset, 30px);right:var(--corner-logo-offset, 30px)}.hero-banner__corner-logo img{width:var(--corner-logo-width, 100px)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-hero-banner.css.map */