.video-hero{position:relative;height:100vh;min-height:500px;overflow:hidden;display:flex;align-items:flex-end;justify-content:flex-start}.video-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.video-hero__video,.video-hero__image{width:100%;height:100%;object-fit:cover}.video-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(10,10,10,var(--overlay-opacity, .6)),rgba(10,10,10,calc(var(--overlay-opacity, .6) * .3)),rgba(10,10,10,calc(var(--overlay-opacity, .6) * .5)));z-index:1}.video-hero__content{position:relative;z-index:4;padding:0 clamp(20px,5vw,80px) clamp(60px,10vh,120px);max-width:800px}.video-hero__heading{font-family:Barlow Condensed,Arial Narrow,Arial,sans-serif;font-weight:700;font-size:var(--font-hero);text-transform:uppercase;letter-spacing:-.02em;line-height:1;color:var(--color-text);margin-bottom:16px}.video-hero__subtext{font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-size:var(--font-body);color:var(--color-text-muted);letter-spacing:.04em;margin-bottom:32px;visibility:hidden}.video-hero__cta{opacity:0;transform:translateY(20px);animation:hero-cta-enter .4s ease-out 1.8s forwards}@keyframes hero-cta-enter{to{opacity:1;transform:translateY(0)}}.video-hero__cta .btn:hover{transform:skew(-2deg)}.video-hero__scroll{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-text-muted)}.video-hero__scroll-text{font-family:JetBrains Mono,SF Mono,Fira Code,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.video-hero__scroll-chevron{width:20px;height:20px;animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}@media(max-width:767px){.video-hero__video{display:none}.video-hero__content{padding:0 20px 80px}.video-hero__cta{animation:none;opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.video-hero__cta{animation:none;opacity:1;transform:none}.video-hero__scroll-chevron{animation:none;opacity:.6}.video-hero__subtext{visibility:visible}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-video-hero.css.map */