.video-hero-section{position:relative;width:100%;height:85vh;min-height:550px;max-height:900px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#0f0101}.video-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.video-hero-bg video{width:100%;height:100%;object-fit:cover}.video-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0000004d,#00000080);z-index:1}.video-hero-container{position:relative;z-index:10;width:100%;max-width:1200px;margin:0 auto;padding:0 40px}.video-hero-content{max-width:750px;text-align:left;color:#fff}.video-hero-title{font-family:Inter,Roboto,sans-serif;font-size:clamp(36px,6vw,64px);font-weight:700;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em;text-transform:none;opacity:0;transform:translateY(20px);animation:fadeUp .8s cubic-bezier(.2,.8,.2,1) forwards;color:#fff}.video-hero-description{font-family:var(--font-body-family),sans-serif;font-size:clamp(16px,1.2vw,20px);line-height:1.6;margin-bottom:48px;font-weight:400;color:#ffffffe6;max-width:600px;opacity:0;transform:translateY(20px);animation:fadeUp .8s cubic-bezier(.2,.8,.2,1) .2s forwards}.video-hero-buttons{display:flex;gap:16px;opacity:0;transform:translateY(20px);animation:fadeUp .8s cubic-bezier(.2,.8,.2,1) .4s forwards}.video-hero-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:16px 40px;font-size:14px;font-weight:600;text-decoration:none;border-radius:50px;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.05em;text-transform:uppercase;overflow:hidden}.btn-filled{background-color:#fff;color:#000;border:1px solid #ffffff}.btn-filled:hover{background-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.btn-outline{background-color:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.btn-outline:hover{border-color:#fff;background-color:#ffffff1a;transform:translateY(-2px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.video-hero-section{height:70vh;min-height:450px}.video-hero-container{padding:0 24px}.video-hero-content{text-align:center;margin:0 auto}.video-hero-description{margin:0 auto 32px}.video-hero-buttons{flex-direction:column;width:100%;max-width:300px;margin:0 auto}.video-hero-btn{width:100%;padding:14px 20px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-hero.css.map */