.hero-video-banner{position:relative;padding-top:var(--vh);min-height:50rem}.hero-video-banner .container{height:100%}.hero-video-banner .section-layout{background-color:transparent;position:fixed;top:0;left:0;height:var(--vh);min-height:50rem;width:100%}.hero-video-banner .video-section{width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0}.hero-video-banner .video-section:before{position:absolute;left:0;top:0;content:"";background:linear-gradient(0deg,#0000 83.78%,#0006 98.38%),linear-gradient(0deg,#0000001a,#0000001a);width:100%;height:100%;z-index:0}.hero-video-banner .video-section video,.hero-video-banner .video-section iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:0;will-change:transform;z-index:-1;background-size:cover;transition:1s opacity}.hero-video-banner .video-section video{margin:0 auto}.hero-video-banner .inner{display:flex;gap:4rem;flex-direction:column;height:100%;justify-content:flex-end;position:relative;padding:10rem 0 11.5rem}.hero-video-banner .inner .content-wrapper{width:100%;text-align:center;margin:0 auto;text-align:left}.hero-video-banner .inner .content-wrapper .content-inner{max-width:32.2rem;margin-left:auto;margin-right:0}.hero-video-banner .inner .content-wrapper h1{font-size:4.2rem;font-weight:200;line-height:4.2rem;margin:5.2rem 0 1.7rem;max-width:59rem;letter-spacing:0}.hero-video-banner .inner .content-wrapper .para{max-width:59rem;display:flex;flex-flow:column;flex-wrap:wrap;gap:2.2rem}.hero-video-banner .inner .content-wrapper .para p,.hero-video-banner .inner .content-wrapper .para .content{color:rgb(var(--color-foreground));font-size:1.6rem;font-weight:300;line-height:1.92rem;letter-spacing:0}.hero-video-banner .inner .content-wrapper .para a.btn{display:inline-block;width:100%;font-weight:500;max-width:13.4rem}.hero-video-banner .block{width:50%;height:4.2rem;margin-bottom:-.3rem;background-color:#e9e5e0;position:absolute;right:0;bottom:0}.hero-video-banner .block.content-position--left{right:0}.hero-video-banner .block.content-position--right{left:0}@media only screen and (max-width: 768px){.hero-video-banner{padding-top:var(--vh)}.hero-video-banner .container,.hero-video-banner .video-section,.hero-video-banner .video-section:before{height:var(--vh);width:100%}.hero-video-banner .section-layout{position:absolute}.hero-video-banner .container,.hero-video-banner .video-section,.hero-video-banner .video-section:before{position:fixed}}@media only screen and (min-width: 769px){.hero-video-banner{position:relative;padding-top:100vh}.hero-video-banner .block{height:3.3rem;margin-bottom:-.3rem}.hero-video-banner .inner .content-wrapper .para{gap:3.7rem}.hero-video-banner .inner .content-wrapper .para p,.hero-video-banner .inner .content-wrapper .para .content{font-size:2.2rem;line-height:2.64rem;letter-spacing:0}.hero-video-banner .inner .content-wrapper .para a.btn{margin-left:0;max-width:16rem;width:100%}.hero-video-banner .inner .content-wrapper .content-inner{max-width:52.4rem}.hero-video-banner .inner .content-wrapper h1{font-size:5rem;line-height:5rem;margin-bottom:2.5rem;text-align:left}.hero-video-banner .inner .content-wrapper .para p,.hero-video-banner .inner .content-wrapper .para .content{font-size:1.8rem;line-height:2.16rem;letter-spacing:0}.hero-video-banner .block{max-width:47rem;height:5.3rem;width:50%;margin-bottom:-.3rem}}@media only screen and (min-width: 990px){.hero-video-banner .inner .content-wrapper{width:50%;max-width:52.4rem;text-align:left;position:relative;margin-left:0}.hero-video-banner .inner.content-position--left .content-wrapper{left:0}.hero-video-banner .inner.content-position--right .content-wrapper{left:50%}.hero-video-banner .section-layout{position:fixed;height:100vh}.hero-video-banner .inner{padding:14rem 0 16.3rem;min-height:var(--vh)}.hero-video-banner .inner .content-wrapper h1{font-size:6rem;line-height:6rem;margin-bottom:2.5rem;text-align:left}.hero-video-banner .inner .content-wrapper .para p,.hero-video-banner .inner .content-wrapper .para .content{font-size:2.2rem;line-height:2.64rem;letter-spacing:0}}@media only screen and (min-width: 1281px){.hero-video-banner .inner .content-wrapper h1{font-size:7rem;line-height:7rem}.hero-video-banner .inner .content-wrapper .content-inner{max-width:unset}}@media only screen and (min-width: 1441px){.layout--fluid .hero-video-banner{padding-top:var(--vh);min-height:34.722vw}.layout--fluid .hero-video-banner .section-layout{height:var(--vh);min-height:34.722vw}.layout--fluid .hero-video-banner .inner{gap:2.778vw;padding:9.722vw 0 11.319vw;min-height:var(--vh)}.layout--fluid .hero-video-banner .inner .content-wrapper{max-width:36.389vw}.layout--fluid .hero-video-banner .inner .content-wrapper h1{font-size:4.861vw;line-height:4.861vw;margin-bottom:1.736vw;max-width:40.972vw;margin-top:3.611vw}.layout--fluid .hero-video-banner .inner .content-wrapper .para{gap:2.569vw;max-width:40.972vw}.layout--fluid .hero-video-banner .inner .content-wrapper .para p,.layout--fluid .hero-video-banner .inner .content-wrapper .para .content{font-size:1.528vw;line-height:1.833vw}.layout--fluid .hero-video-banner .inner .content-wrapper .para a.btn{max-width:11.111vw}.layout--fluid .hero-video-banner .block{height:3.68055556vw;max-width:32.639vw;margin-bottom:-.208333333vw}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-hero-video-banner.css.map */