.container{width:80%;margin:auto}a{text-decoration:none}h2{font-size:64px}.hero-banner-wrapper{position:relative;overflow:hidden;min-height:250vh;clip-path:inset(0);-webkit-clip-path:inset(0)}.hero-video-wrap{position:fixed;top:0;left:0;right:0;width:100%;height:125vh;z-index:-1;line-height:0}.hero-video-wrap video{width:100%;height:100%;object-fit:cover}.hero-video-fallback{width:100%;height:100%;background:#000}.hero-text-section{background:linear-gradient(180deg,#ffffff6b,#d6d6d6e0)!important;width:100%;min-height:76vh;z-index:10;padding:4rem 0;position:static;display:flex;align-items:center}.video-text{position:relative;display:inline-block;margin:1.5rem 0 0}.video-text h1{font-family:NeueHaasDisplay;font-size:128px;line-height:1.2;margin:0;text-transform:uppercase;font-weight:700;color:#000;mix-blend-mode:overlay;position:relative;z-index:2}.hero-text-inner{display:flex;flex-direction:column}.hero-text-inner .logo img{width:auto}.second-section{width:100%;min-height:135vh;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;align-content:center;background:transparent}.second-section-text{display:flex;flex-direction:column;gap:2rem;margin-bottom:12.5rem}.second-section-text h2{font-family:RoslindaleDisplayNarrow;font-weight:300;font-size:48px;width:56%;color:#fff;text-shadow:5px 5px 5px #0000004d}.second-sec-btn-flex{display:flex;gap:1rem}.second-sec-btn-flex .btn{padding:.8rem 2rem;background:#000;color:#fff;position:relative;overflow:hidden;display:inline-block;transition:all .3s ease;z-index:1;font-weight:600;text-transform:uppercase;text-align:center;font-size:16px;font-family:NeueHaasDisplay}.second-sec-btn-flex .btn-primary{background:#bacf2c;color:#000;font-family:NeueHaasDisplay}.second-sec-btn-flex .btn:before{position:absolute;content:"";top:0;left:-100%;width:100%;height:100%;background:#fff;opacity:0;transition:all .3s ease;z-index:-1}.second-sec-btn-flex .btn:hover:before{left:0;opacity:1}.second-sec-btn-flex .btn:hover{color:#000}.hero-fade-overlay{position:absolute;bottom:0;left:0;width:100%;height:50vh;background:linear-gradient(180deg,#fff0,#ffffffb3,#fff);z-index:2;pointer-events:none}@media(max-width:1700px){h2{font-size:50px}.video-text h1{font-size:80px}}@media(max-width:1536px){h2{font-size:40px}.video-text h1{font-size:68px}}@media(max-width:1440px){h2{font-size:36px}.video-text h1{font-size:60px}.second-section-text h2{font-size:32px}.btn-primary,.btn-dark{font-size:14px;padding:.6rem 1rem}}@media(max-width:1366px){h2{font-size:32px}.hero-text-section{min-height:66vh}.second-section{min-height:100vh}}@media(max-width:1280px){.hero-text-section{min-height:64vh}}@media(max-width:1100px){.hero-text-section{min-height:auto}}@media(max-width:768px){.hero-banner-wrapper{min-height:200vh}.hero-video-wrap{height:100vh}.hero-text-section{min-height:50vh;padding:3rem 0}.hero-text-inner .logo img{width:40px;height:40px}.second-section{min-height:80vh}.second-sec-btn-flex{flex-direction:column;width:100%}.second-sec-btn-flex .btn{width:100%;padding:1rem 1.5rem}.hero-fade-overlay{height:30vh}.video-text h1{font-size:40px}}@media(max-width:680px){.video-text h1{font-size:35px}.second-section-text h2{font-size:26px;width:100%}}@media(max-width:500px){h2{font-size:22px}.container{width:94%}.hero-banner-wrapper{min-height:180vh}.hero-text-section{min-height:40vh;padding:1.5rem 0}.hero-text-inner .logo img{width:35px;height:35px}.video-text{margin:1rem 0 0}.second-section{min-height:70vh}.second-section-text{gap:1rem;margin-bottom:1.5rem}.second-sec-btn-flex .btn{padding:.8rem 1rem}.hero-fade-overlay{height:25vh}.second-section-text h2{font-size:22px}.btn-primary,.btn-dark{font-size:12px}}@media(max-width:375px){.second-section-text h2{font-size:18px}.second-sec-btn-flex .btn{font-size:11px;padding:.7rem .8rem}}@media(max-width:500px)and (min-height:800px){.hero-banner-wrapper{min-height:160vh}.second-section{min-height:60vh}}@media(max-width:900px)and (orientation:landscape){.hero-text-section{min-height:auto;padding:2rem 0}.second-section{min-height:auto;padding:3rem 0}.hero-video-wrap{height:100vh}}@media(max-width:320px){.second-section-text h2{font-size:16px}.second-sec-btn-flex .btn{font-size:10px;padding:.6rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-video.css.map */