.hero-w-video__grid{width:100%}.hero-w-video__grid .grid__item.grid__item--media{position:relative}.hero-w-video .media--placeholder{background-color:rgba(var(--color-foreground),.06);position:relative;overflow:hidden}.hero-w-video .media--placeholder.media--adapt{height:20rem}@media screen and (min-width: 750px){.hero-w-video .media--placeholder.media--adapt{height:30rem}}.hero-w-video .media--placeholder>svg{position:absolute;left:50%;max-width:80rem;top:50%;transform:translate(-50%,-50%);width:100%;fill:currentColor}.hero-w-video__content{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:100%;padding-top:12rem;padding-bottom:8rem;z-index:2}.hero-w-video__buttons{width:100%;display:flex;flex-wrap:wrap;align-items:center;column-gap:2rem;row-gap:2rem;margin-top:4rem!important}.hero-w-video__image,.hero-w-video__video{position:absolute;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.hero-w-video__image,.hero-w-video__play{opacity:1;visibility:visible;transition:opacity .4s ease,visibility .4s ease}.hero-w-video__image.is-hidden,.hero-w-video__play.is-hidden{opacity:0;visibility:hidden}.hero-w-video__play{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;border:none;background-color:transparent;cursor:pointer;z-index:1}.hero-w-video__play .hero-w-video__play-icon{position:absolute;bottom:1.5rem;left:1.5rem;width:70px;height:70px}.hero-w-video__play .hero-w-video__play-icon{transition:transform var(--duration-default) ease}.hero-w-video__play .hero-w-video__play-icon:hover{transform:scale(1.07)}.hero-w-video__play .hero-w-video__play-icon svg{width:100%;height:auto}.hero-w-video__image .media-wrapper,.hero-w-video__video .media-wrapper{width:calc(100% + 3rem);height:100%;margin-left:-1.5rem}.hero-w-video__video .media-wrapper video{position:absolute;width:100%;height:100%;object-fit:cover}.hero-w-video__pattern{position:absolute;right:0;transform-origin:top right}.hero-w-video__pattern.hero-w-video__pattern--desktop{width:80%}.hero-w-video__pattern.hero-w-video__pattern--mobile{top:1.5rem;width:66.6666%}.hero-w-video__pattern img{max-width:100%;width:100%}.grid__item.grid__item--content{position:relative}@media screen and (max-width: 989px){.hero-w-video__grid{flex-direction:column-reverse}.hero-w-video__grid .grid__item.grid__item--media{width:calc(100% + 10rem);max-width:calc(100% + 10rem);margin-left:-5rem;aspect-ratio:1}.hero-w-video__pattern.hero-w-video__pattern--desktop{display:none}}@media screen and (max-width: 749px){.hero-w-video__grid .grid__item.grid__item--media{width:calc(100% + 3rem);max-width:calc(100% + 3rem);margin-left:-1.5rem;aspect-ratio:2 / 3}.hero-w-video__buttons{margin-bottom:6rem}}@media screen and (min-width: 750px){.hero-w-video .hero-w-video__grid{min-height:100vh}.hero-w-video .hero-w-video__content{padding-top:16rem;padding-bottom:8rem;padding-inline-start:0;padding-inline-end:0}.hero-w-video__content.center{align-items:center;margin-inline-start:auto;margin-inline-end:auto}.hero-w-video__content.center .card--product+.card-information .card-information__top{justify-content:center}.hero-w-video__content.right{align-items:flex-end;margin-inline-start:auto}.hero-w-video__content.right .card--product+.card-information .card-information__top{justify-content:flex-end}.hero-w-video__content.middle{justify-content:center}.hero-w-video__content.bottom{justify-content:flex-end}.hero-w-video__image .media-wrapper,.hero-w-video__video .media-wrapper{width:calc(100% + 5rem);height:100%;margin-left:-5rem}.hero-w-video .media--placeholder>svg{max-width:100%;height:100%}.hero-w-video__image .media-wrapper .media--placeholder .placeholder{background-color:#fff}.hero-w-video__pattern.hero-w-video__pattern--mobile{top:5rem}.hero-w-video__play .hero-w-video__play-icon{left:5rem;bottom:5rem}}@media screen and (min-width: 990px){.grid__item.grid__item--video{width:calc(58.3333% - var(--grid-horizontal-spacing) / 2)}.grid__item.grid__item--content{width:calc(41.6666% - var(--grid-horizontal-spacing) / 2);padding-left:8rem;padding-bottom:8rem}.hero-w-video .hero-w-video__content{max-width:64rem}.hero-w-video__pattern.hero-w-video__pattern--mobile{display:none}.hero-w-video__pattern.hero-w-video__pattern--desktop{top:calc(80px + 2rem)}.hero-w-video__play{width:calc(100% + 5rem);left:-5rem}.hero-w-video__play .hero-w-video__play-icon{left:5rem;bottom:6rem;width:130px;height:130px}}@media screen and (min-width: 1320px){.hero-w-video .hero-w-video__content{max-width:66rem}.hero-w-video .hero-w-video__grid--reverse .hero-w-video__content{max-width:72rem}}@media screen and (min-width: 1600px){.hero-w-video__image .media-wrapper,.hero-w-video__video .media-wrapper{width:calc(100% + 5rem + (100vw - 1600px)/2);margin-left:calc((5rem + (100vw - 1600px)/2)*-1)}.hero-w-video__play{width:calc(100% + 5rem + (100vw - 1600px)/2);left:calc((5rem + (100vw - 1600px)/2)*-1)}.hero-w-video__play .hero-w-video__play-icon{left:calc(5rem + (100vw - 1600px)/2)}}@media screen and (max-width: 989px){.hero-w-video__grid-touch--reverse{flex-direction:column-reverse}}@media screen and (max-width: 749px){.hero-w-video__grid-mobile--reverse{flex-direction:column-reverse}.hero-w-video__grid-mobile--no-image .grid__item:first-child{display:none}.hero-w-video__content.mobile-center{align-items:center}.hero-w-video__content.mobile-right{align-items:flex-end}.hero-w-video__content.mobile-center .button{min-width:60%}.page-width--full-width .hero-w-video__content{padding-inline-start:1.5rem;padding-inline-end:1.5rem}.hero-w-video__grid-mobile--overlap{position:relative;background-color:transparent}.hero-w-video__grid-mobile--overlap .media-wrapper{z-index:-1}.hero-w-video__grid-mobile--overlap .hero-w-video__content{position:absolute;top:0;left:0;width:100%;height:100%;justify-content:flex-end}}@media screen and (max-width: 480px){.hero-w-video__content .button{width:100%}}.hero-w-video__content>*+*{margin-top:2rem}.hero-w-video__content>*+:is(.hero-w-video__heading){margin-top:.5rem}.hero-w-video__content>*+:is(.hero-w-video__heading)+:is(.hero-w-video__heading){margin-top:0}.hero-w-video__content>.hero-w-video__text:empty~a{margin-top:2rem}.hero-w-video__content>:first-child:is(.hero-w-video__heading),.hero-w-video__content>:first-child:is(.hero-w-video__subheading){margin-top:0}.hero-w-video__content :last-child:is(.hero-w-video__heading){margin-bottom:0}.hero-w-video__content .button+.hero-w-video__text{margin-top:5rem}.hero-w-video__heading{margin-bottom:0;color:rgb(var(--color-background))}.hero-w-video__subheading+.hero-w-video__heading{margin-top:0}.hero-w-video__text--colored{color:rgba(var(--color-foreground),.7)}.hero-w-video__text--colored.rte a{color:rgb(var(--color-background));background-image:linear-gradient(to top,rgb(var(--color-border)) 0px 0px),linear-gradient(to top,transparent 0px,transparent 0px)}.hero-w-video__text{color:rgb(var(--color-background))}.hero-w-video__text p{margin-top:0;margin-bottom:1rem}@media screen and (min-width: 750px){.hero-w-video__subheading.h5{font-size:calc(var(--font-heading-scale) * 1.2rem)}.hero--enlarge .grid__item:first-child{max-width:calc(33.33% - var(--grid-horizontal-spacing) / 2)}.hero-w-video__text{max-width:75%}}.hero--video .deferred-media__poster{display:flex;align-items:center;justify-content:center}.hero--video .media-wrapper,.hero--video .media-wrapper svg{width:100%;height:100%}.hero--video video,.hero--video iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-hero-with-video.css.map */