.banner{display:flex;position:relative;flex-direction:column}.video.banner .banner__content .counter{background:#fff3;width:max-content;padding:1.5rem 3.5rem 1.5rem 1.5rem;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;margin-top:3rem}.video.banner .banner__content .counter p{margin:0;font-weight:300}.video.banner .banner__content .counter p span{font-weight:500}.video.banner .banner__buttons{width:max-content}.video.banner .banner__text span{font-weight:300;font-size:2.3rem}.video.banner .banner__buttons .text-normal{text-align:center;font-weight:300}.video-hero-container,.video-hero-container video{width:100%;z-index:-1}.video.banner .banner__content{height:100%}.video.banner.text-light .banner__heading,.video.banner.text-light .banner__text span,.video.banner.text-light .banner__buttons .text-normal,.video.banner.text-light .banner__liquid p,.video.banner.text-light .banner__liquid p span,.banner__box.color-transparent,.banner__box.color-transparent h2,.banner__box.color-transparent h1{color:#fff}@media screen and (min-width: 750px){.banner.page-width-margin{margin-bottom:calc(5rem + var(--page-width-margin))}}@media screen and (max-width: 749px){.banner.video,.banner.video .video-hero-container.mobile-show,.banner.video .banner__content,.banner.video .banner__box{display:block}.video-hero-container{position:relative}.video-hero-container video{display:block}.video-hero-container video{background:#000436}.video-hero-container.mobile-show{line-height:0px}.banner.video .banner__content{background:#000436}.banner.video .banner__content{position:relative}.banner.page-width{padding:0}.banner.video .banner__box,.banner.video .banner__box h2{text-align:center}.banner--mobile-bottom:not(.banner--stacked):not(.banner--adapt)>.banner__media{height:32rem}.banner:not(.banner--stacked){flex-direction:row;flex-wrap:wrap;width:100%;max-width:100%}}@media screen and (min-width: 750px){.video.banner{min-height:70rem;flex-direction:row}}@media screen and (max-width: 749px){.banner--stacked{height:auto}.banner--stacked .banner__media{flex-direction:column}}.banner__media{height:100%;position:absolute;left:0;top:0;width:100%}@media screen and (min-width: 750px){.page-width.content-box-align--left .banner__media,.content-box-align--right .banner__media{width:75%}.page-width.content-box-align--left .banner__media{right:0;left:auto}}.banner__media-half{width:50%}.banner__media-half+.banner__media-half{right:0;left:auto}@media screen and (max-width: 749px){.banner__content{order:1;margin-top:0!important}.banner__media{order:2}.banner--stacked .banner__media-half{width:100%}.banner--stacked .banner__media-half+.banner__media-half{order:3}.banner__media.contain>img{object-fit:contain}.banner:not(.banner--adapt):not(.banner--stacked):not(.banner--mobile-bottom)>.banner__content{min-height:32rem}}@media screen and (min-width: 750px){.banner__media{height:100%}.banner,.banner__media{max-height:80vh}.banner__media.object-position-top>img{object-position:center top}.banner__media.object-position-bottom>img{object-position:center bottom}}.banner--adapt{height:auto}@media screen and (max-width: 749px){.banner--mobile-bottom .banner__media,.banner--stacked:not(.banner--mobile-bottom) .banner__media{position:relative}.banner--stacked.banner--adapt .banner__content{height:auto}.banner:not(.banner--mobile-bottom) .banner__box{background-color:transparent;--color-foreground: 255, 255, 255;--color-button: 255, 255, 255;--color-button-text: 0, 0, 0}.banner:not(.banner--mobile-bottom) .button--secondary{--color-button: 255, 255, 255;--color-button-text: 255, 255, 255;--alpha-button-background: 0}.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content{position:absolute;min-height:39rem;height:auto}.banner--stacked.banner--adapt:not(.banner--mobile-bottom) .banner__content{max-height:100%;overflow:hidden;position:absolute}.banner--stacked:not(.banner--adapt) .banner__media{position:relative;height:39rem}.banner:before{display:none!important}.banner--stacked .banner__media-image-half{width:100%}}.banner__media .placeholder-svg{position:absolute;left:0;top:0;height:100%;width:100%}.banner__content{padding:0;display:flex;position:absolute;width:100%;align-items:center;justify-content:left;z-index:2}.banner__content.align--right{justify-content:flex-end;margin-top:5rem}.banner__content.align--left{justify-content:flex-start;margin-top:5rem}@media screen and (min-width: 750px){.banner__content{padding-bottom:5rem;padding-top:5rem}.banner:not(.page-width) .banner__content.align--left{margin-top:10rem;margin-left:10rem}.banner:not(.page-width) .banner__content.align--right{margin-top:10rem;margin-right:10rem}.banner__content--center{align-items:center}.banner__content--flex-start{align-items:flex-start}.banner__content--flex-end{align-items:flex-end}.banner--desktop-transparent .banner__content .banner__box,.banner--desktop-transparent .banner__content .banner__box h2{color:rgb(var(--color-base-text))}}.banner__box{border:0;padding:4rem 3.5rem;position:relative;height:fit-content;align-items:center;width:100%}.banner__box.text-left{text-align:left}.banner__box.text-center{text-align:center}.banner__box.text-right{text-align:right}@media screen and (min-width: 750px){.banner--desktop-transparent .banner__box{background-color:transparent;--color-foreground: 255, 255, 255;--color-button: 255, 255, 255;--color-button-text: 0, 0, 0;max-width:89rem}.banner--desktop-transparent .button--secondary{--color-button: 255, 255, 255;--color-button-text: 255, 255, 255;--alpha-button-background: 0}}@media screen and (max-width: 749px){.banner--mobile-bottom:after{display:none}}.banner:after{content:"";position:absolute;background:#000;opacity:0;z-index:1;width:100%;height:100%}.banner__box>.banner__buttons{display:block;align-items:baseline;gap:1rem;flex-wrap:wrap}.banner__box>*+.banner__buttons--multiple{display:flex;max-width:45rem;flex-wrap:wrap;align-items:baseline}@media screen and (min-width: 750px){.banner__box>*+.banner__buttons{margin-top:4rem}}.banner__content .button:last-child{margin-right:0}.banner__box>*+.banner__text{margin-top:1.5rem}@media screen and (min-width: 750px){.banner__box>*+.banner__text{margin-top:2rem}}.banner__box>*+*{margin-top:1rem}.banner__box>*:first-child{margin-top:0}.banner__content .button:not(:only-child){flex-grow:1}@media screen and (max-width: 749px){.banner--stacked .banner__box{width:100%}.banner.video .banner__box{background:rgb(var(--color-base-background-2));padding-top:5rem;padding-bottom:5rem}.banner.video h1{font-size:4.2rem;font-weight:400}.banner.video .banner__liquid{position:absolute;bottom:-60%}.banner.video .banner__text{font-size:1.8rem;line-height:1.9rem}}@media screen and (min-width: 750px){.banner__box{padding:6rem;margin-left:5%;width:auto;max-width:61rem;min-width:45rem}.banner__box>.banner__buttons:only-child .button{margin-top:0}}.banner__heading>*,.banner__text>*{word-wrap:break-word}.banner__heading{margin-bottom:0}@media screen and (min-width: 750px){.banner__box .icon--graphic{position:absolute;bottom:-60px;right:97px}}.banner__heading span{margin-bottom:2rem}@media screen and (max-width: 750px){.banner__heading span.word-accent--squiggle:after{width:63px;background-size:100%}.banner__text br{content:""}.banner__text br:after{content:" "}.banner .icon--graphic{position:relative;z-index:1}.banner .button{position:relative;z-index:2;width:100%}.banner .banner__media>img:not(.zoom):not(.deferred-media__poster-button){width:95%;height:95%;left:5%;top:-2%}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/section-video-hero.css.map */
