:root{--mtq-red: #d40449;--mtq-red-hot: red;--mtq-red-light: #dd366d;--mtq-blue: #271fe5;--mtq-grey: #8e8e8e;--mtq-grey-light: #f7f7f7;--mtq-grey-light-2: #ddd;--mtq-black: #000;--mtq-white: #fff;--mtq-dark: #0a0c11}:root{--grid-x-small: 320px;--grid-small: 375px;--grid-six-hundreds: 600px;--grid-medium: 768px;--grid-large: 1023px;--grid-smaller-widescreen: 1300px;--grid-small-widescreen: 1400px;--grid-widescreen: 1440px}.medium-down-only{display:block}.medium-up-only{display:none}.btn-gradient-hover-only{position:relative;overflow:hidden}.btn-gradient-hover-only:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--mito-bg-gradient);overflow:hidden;z-index:-1;opacity:0;transition:opacity .2s;will-change:opacity}.btn-gradient-hover-only:hover:before{opacity:1}@media only screen and (min-width: 769px){.medium-down-only{display:none}.medium-up-only{display:block}}@media (min-width: 1024px){.desktop-only{display:block}}@media (max-width: 1023px){.mobile-only{display:block}}.hidden,.hide{display:none}.video-section:after{content:"";position:absolute;top:var(--fade-top-position, 80vh);left:0;right:0;height:180px;background:linear-gradient(180deg,#000 0,rgba(0,0,0,.738) 19%,rgba(0,0,0,.541) 34%,rgba(0,0,0,.382) 47%,rgba(0,0,0,.278) 56.5%,rgba(0,0,0,.194) 65%,rgba(0,0,0,.126) 73%,rgba(0,0,0,.075) 80.2%,rgba(0,0,0,.042) 86.1%,rgba(0,0,0,.021) 91%,rgba(0,0,0,.008) 95.2%,rgba(0,0,0,.002) 98.2%,transparent);pointer-events:none;z-index:9}@media only screen and (min-width: 769px){.video-section{padding-left:0;padding-right:0}.video-section:after{height:480px}}@media only screen and (min-width: 1441px){.video-section:after{height:216px}}.video-banner__container{-webkit-font-smoothing:antialiased}.video-banner__container .video-banner__wrapper{position:absolute;top:0;left:0;right:0;pointer-events:none;overflow:hidden}.video-banner__container .video-content__container{display:grid;grid-template-rows:1fr min-content;min-height:98vh;padding-top:var(--header-height, 0px);align-items:center}.video-banner__container .video-content{background-color:#000;width:100%;display:flex;align-items:center;justify-content:center}.video-banner__container .video-bg__container{width:100%;max-width:1920px;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative}.video-banner__container .gradientHorizontal:before,.video-banner__container .gradientHorizontal:after{content:"";position:absolute;z-index:5;left:0;width:100%;height:50%}.video-banner__container .gradientHorizontal:after{height:50%;bottom:-1px;background:linear-gradient(0deg,#000 0,rgba(0,0,0,.738) 19%,rgba(0,0,0,.541) 34%,rgba(0,0,0,.382) 47%,rgba(0,0,0,.278) 56.5%,rgba(0,0,0,.194) 65%,rgba(0,0,0,.126) 73%,rgba(0,0,0,.075) 80.2%,rgba(0,0,0,.042) 86.1%,rgba(0,0,0,.021) 91%,rgba(0,0,0,.008) 95.2%,rgba(0,0,0,.002) 98.2%,transparent)}.video-banner__container .gradientHorizontal:before{height:40%;top:-1px;background:linear-gradient(180deg,#000 0,rgba(0,0,0,.738) 19%,rgba(0,0,0,.541) 34%,rgba(0,0,0,.382) 47%,rgba(0,0,0,.278) 56.5%,rgba(0,0,0,.194) 65%,rgba(0,0,0,.126) 73%,rgba(0,0,0,.075) 80.2%,rgba(0,0,0,.042) 86.1%,rgba(0,0,0,.021) 91%,rgba(0,0,0,.008) 95.2%,rgba(0,0,0,.002) 98.2%,transparent)}@media only screen and (min-width: 769px){.video-banner__container .gradientHorizontal:before{height:calc(28.3333333333px + 10.1851851852vw)}}@media only screen and (min-width: 1441px){.video-banner__container .gradientHorizontal:before{height:183.1481482213px}}@media only screen and (min-width: 769px){.video-banner__container .gradientVertical:before{content:"";position:absolute;z-index:5;top:-1px;bottom:-1px;left:0;width:80%;background:linear-gradient(90deg,#000 0,rgba(0,0,0,.738) 19%,rgba(0,0,0,.541) 34%,rgba(0,0,0,.382) 47%,rgba(0,0,0,.278) 56.5%,rgba(0,0,0,.194) 65%,rgba(0,0,0,.126) 73%,rgba(0,0,0,.075) 80.2%,rgba(0,0,0,.042) 86.1%,rgba(0,0,0,.021) 91%,rgba(0,0,0,.008) 95.2%,rgba(0,0,0,.002) 98.2%,transparent)}}@media screen and (min-width: 1920px){.video-banner__container .gradientVertical:after{content:"";position:absolute;z-index:5;top:-1px;bottom:-1px;right:0;width:20%;background:linear-gradient(270deg,#000 0,rgba(0,0,0,.738) 19%,rgba(0,0,0,.541) 34%,rgba(0,0,0,.382) 47%,rgba(0,0,0,.278) 56.5%,rgba(0,0,0,.194) 65%,rgba(0,0,0,.126) 73%,rgba(0,0,0,.075) 80.2%,rgba(0,0,0,.042) 86.1%,rgba(0,0,0,.021) 91%,rgba(0,0,0,.008) 95.2%,rgba(0,0,0,.002) 98.2%,transparent)}}.video-banner__container .main-video{width:100%}.video-banner__container .video--player{padding-bottom:160%;position:relative}@media only screen and (max-width: 768px){.video-banner__container .video--player:has(iframe){padding-bottom:133.1707317073%;transform:translate(-21%,7%) scale(2);transform-origin:center}}@media only screen and (min-width: 769px){.video-banner__container .video--player{padding-bottom:calc(100%/(var(--video-ratio-desktop)))}}.video-banner__container iframe,.video-banner__container video{border:0;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-banner__container .hero-text__wrapper{grid-row:1/span 1;grid-template-areas:". ratio-sizer . .";max-width:1520px;margin-left:auto;margin-right:auto;width:100%;grid-column:1/-1;display:grid}@media only screen and (min-width: 769px){.video-banner__container .hero-text__wrapper{padding-left:0;padding-right:0;grid-template-columns:4fr 20fr 20fr 4fr}}.video-banner__container .hero-ratioSizer{grid-area:ratio-sizer}.video-banner__container .hero-details{position:relative;z-index:10;margin-bottom:calc(26.2857142857px + 1.5238095238vw);padding:calc(26.2857142857px + 1.5238095238vw);padding-top:calc(60vh - var(--header-top, 0px));display:flex;flex-direction:column;justify-content:flex-end}@media only screen and (min-width: 769px){.video-banner__container .hero-details{padding:calc(13.3333333333px + 2.962962963vw) 0;margin-bottom:calc(13.3333333333px + 2.962962963vw)}}@media only screen and (min-width: 1441px){.video-banner__container .hero-details{padding:58.3703703253px 0;margin-bottom:58.3703703253px}}@media only screen and (min-width: 769px){.video-banner__container .hero-title__wrapper{margin-top:0}}.video-banner__container .hero-title__wrapper p{margin:0}.video-banner__container .hero-title__wrapper .title-wrapper{margin-bottom:calc(14.5714285714px + .380952381vw);text-align:center}@media only screen and (min-width: 769px){.video-banner__container .hero-title__wrapper .title-wrapper{margin-bottom:calc(8px + 1.1111111111vw);text-align:left}}@media only screen and (min-width: 1441px){.video-banner__container .hero-title__wrapper .title-wrapper{margin-bottom:24.888888872px}}.video-banner__container .hero-title__wrapper .title{line-height:1.05;letter-spacing:normal}.video-banner__container .hero-title__wrapper .hxxl{font-size:calc(16.7887323944px + 9.3896713615vw);margin-bottom:0;line-height:1.05;letter-spacing:normal}@media only screen and (min-width: 769px){.video-banner__container .hero-title__wrapper .hxxl{font-size:calc(14.3943661972px + 4.6948356808vw)}}@media only screen and (min-width: 1441px){.video-banner__container .hero-title__wrapper .hxxl{font-size:85.7558685332px}}.video-banner__container .hero-desc__wrapper{margin-bottom:calc(19.7142857143px + 1.1428571429vw);text-align:center}.video-banner__container .hero-desc__wrapper p{font-size:calc(12.5915492958px + .3755868545vw);margin:0;line-height:1.3;letter-spacing:.02em}@media only screen and (min-width: 769px){.video-banner__container .hero-desc__wrapper{margin-bottom:calc(0px + 3.3333333333vw);text-align:left}}@media only screen and (min-width: 1441px){.video-banner__container .hero-desc__wrapper{margin-bottom:50.666666616px}.video-banner__container .hero-desc__wrapper p{font-size:18.3004694158px}}.video-banner__container .hero-buttons__wrapper{display:flex;flex-direction:row;flex-wrap:wrap;grid-gap:calc(17.1428571429px + .7619047619vw);gap:calc(17.1428571429px + .7619047619vw);justify-content:center}@media only screen and (min-width: 769px){.video-banner__container .hero-buttons__wrapper{grid-gap:calc(10.6666666667px + 1.4814814815vw);gap:calc(10.6666666667px + 1.4814814815vw);justify-content:flex-start}}@media only screen and (min-width: 1441px){.video-banner__container .hero-buttons__wrapper{grid-gap:33.1851851627px;gap:33.1851851627px}}.video-banner__container .hero-buttons__wrapper .button__container .button{padding:12px calc(19.7142857143px + 1.1428571429vw + 2px)}.video-banner__container .hero-buttons__wrapper .button__container .button span{font-size:calc(13.9436619718px + .2816901408vw);line-height:1.3;letter-spacing:.02em;font-weight:400}@media only screen and (min-width: 769px){.video-banner__container .hero-buttons__wrapper .button__container .button{padding:18px calc(0px + 3.3333333333vw + 2px)}}@media only screen and (min-width: 1441px){.video-banner__container .hero-buttons__wrapper .button__container .button{padding-right:52.666666616px;padding-left:52.666666616px}.video-banner__container .hero-buttons__wrapper .button__container .button span{font-size:18.2253520998px}}.video-banner__container .hero-logo__wrapper{width:100%;grid-column:1/-1;display:grid;margin-left:auto;margin-right:auto;max-width:1520px;grid-template-columns:2fr 44fr 2fr;grid-row:2/span 1;grid-template-areas:". logo-list logo-list ."}@media only screen and (min-width: 769px){.video-banner__container .hero-logo__wrapper{padding-left:0;padding-right:0;grid-template-columns:4fr 20fr 20fr 4fr}}.video-banner__container .hero-logo__wrapper .logo-container{grid-area:logo-list;position:relative;z-index:10;color:#fff;padding-bottom:calc(19.7142857143px + 1.1428571429vw);gap:calc(26.2857142857px + 1.5238095238vw);display:flex;align-items:center;justify-content:space-between;flex-direction:column}@media only screen and (min-width: 769px){.video-banner__container .hero-logo__wrapper .logo-container{padding-bottom:calc(0px + 3.3333333333vw);flex-direction:row;gap:calc(13.3333333333px + 2.962962963vw)}}@media only screen and (min-width: 1441px){.video-banner__container .hero-logo__wrapper .logo-container{padding-bottom:50.666666616px;gap:58.3703703253px}}.video-banner__container .hero-logo__wrapper .logo-container .logo-title{flex-shrink:0}.video-banner__container .hero-logo__wrapper .logo-container .logo-title label{font-size:calc(8.9436619718px + .2816901408vw);line-height:1.05;letter-spacing:.15em;font-weight:500}@media only screen and (min-width: 1441px){.video-banner__container .hero-logo__wrapper .logo-container .logo-title label{font-size:13.2253520998px}}.video-banner__container .hero-logo__wrapper .logo-container .logo-list{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;grid-row-gap:calc(14.5714285714px + .380952381vw);grid-gap:calc(19.7142857143px + 1.1428571429vw);row-gap:calc(14.5714285714px + .380952381vw);column-gap:calc(19.7142857143px + 1.1428571429vw)}@media only screen and (min-width: 769px){.video-banner__container .hero-logo__wrapper .logo-container .logo-list{grid-gap:calc(0px + 3.3333333333vw);gap:calc(0px + 3.3333333333vw);flex-wrap:nowrap;justify-content:flex-start}}@media only screen and (min-width: 1441px){.video-banner__container .hero-logo__wrapper .logo-container .logo-list{grid-gap:50.666666616px;gap:50.666666616px}}.video-banner__container .hero-logo__wrapper .logo-container .logo-list .logo-content img{max-width:100%;width:auto;height:auto;max-height:calc(25.2912621359px + 2.5889967638vw)}@media only screen and (min-width: 1441px){.video-banner__container .hero-logo__wrapper .logo-container .logo-list .logo-content img{max-height:64.6440128879px}}.video-section .logo-list{min-height:46.67px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-videobanner.autostyle.css.map */
