.hero-banner{position:relative;background-color:var(--slideshow-background);display:block;overflow:hidden}.hero-banner .hero-banner-images:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--overlay, .3));z-index:1}.hero-banner .hero-banner-subtitle{z-index:1}.hero-banner video,.hero-banner video-media{aspect-ratio:auto;height:100%}.hero-banner .hero-banner-logo{display:block;margin-bottom:3rem}.hero-banner picture,.hero-banner img:not(.hero-banner-logo){display:block;width:100%;-webkit-user-select:none;user-select:none}.hero-banner .hero-banner-images-secondary{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.hero-banner .hero-banner-images-secondary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--overlay, .3));z-index:1}.hero-banner-reduced,.hero-banner-fullscreen{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hero-banner-fullscreen,.hero-banner-fullscreen video,.hero-banner-fullscreen img:not(.hero-banner-logo){height:calc(100svh - var(--header-group-height))}.hero-banner-content-wrapper{position:relative;z-index:2;padding:48px 28px;width:100%;height:100%}.hero-banner-content-wrapper .hero-banner-content{display:flex;flex-direction:column;align-items:flex-start}.hero-banner-content-wrapper.place-self-center{display:flex;flex-direction:column;justify-content:center;height:100%;width:100%;align-items:center;padding:32px;max-width:40vw}.hero-banner-content-wrapper.place-self-center .hero-banner-content{text-align:center;align-items:center}.hero-banner-content-wrapper.place-self-end-start{display:flex}.hero-banner-content-wrapper.place-self-end-start .hero-banner-content{margin-top:auto}@media(prefers-reduced-motion:reduce){.hero-banner{isolation:isolate}.hero-banner .hero-banner{mix-blend-mode:plus-lighter}}@media screen and (max-width:1000px){.hero-banner .place-self-end-start{padding-bottom:32px}.hero-banner .mobile-text-on-top,.hero-banner .mobile-image-true{order:-1}.hero-banner .hero-banner-reduced,.hero-banner .hero-banner-fullscreen{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-auto-rows:1fr;max-height:unset}.hero-banner .hero-banner-fullscreen img:not(.hero-banner-logo){min-height:calc(50svh - var(--header-group-height))}.hero-banner .hero-banner-content-wrapper{position:relative;z-index:2;padding:32px 16px}.hero-banner .hero-banner-content-wrapper.place-self-center{max-width:80vw}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/hero-banner.css.map */