.hero{z-index:0;background-color:#0a0a0f;flex-direction:column;justify-content:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.video-background{z-index:-1;background-color:#0a0a0f;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.video-background video{object-fit:cover;width:100%;min-width:100%;height:100%;min-height:100%;position:absolute;top:0;left:0}.video-overlay{background:linear-gradient(#0a0a0f80,#0a0a0f80);width:100%;height:100%;position:absolute;top:0;left:0}.nav{z-index:100;transition:all .4s var(--easing);box-sizing:border-box;width:100%;padding:1rem 0;position:fixed;top:0;left:0;right:0}body.no-scroll .nav{padding-right:var(--scrollbar-width,12px)}.nav.glass{-webkit-backdrop-filter:none;background:#0a0a0f;border-radius:0}.nav-content{justify-content:space-between;align-items:center;display:flex}.logo{font-size:1.8rem;font-weight:700;font-family:var(--font-heading);letter-spacing:1px}.logo .accent{color:var(--color-accent)}.nav-links{align-items:center;gap:2.25rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-end{align-items:center;gap:.75rem;display:flex}.nav a:hover,.nav .button:hover{color:var(--color-text)}.nav .button:before,.nav .button:hover:before{width:0}.nav.glass:hover{border-color:#ffffff0d}.menu-button{cursor:pointer;background:0 0;border:0;padding:.25rem;display:none}.menu-button .bar{background-color:var(--color-text);width:28px;height:2px;transition:all .4s var(--easing);margin:6px 0}.hero-content{text-align:center;max-width:980px;margin:0 auto;padding-top:5rem}.eyebrow{font-family:var(--font-heading);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);margin-bottom:1.25rem;font-size:.8rem}.hero-content h1{color:var(--color-text);margin-bottom:2.5rem;font-size:clamp(2.5rem,6.4vw,4.7rem);position:relative}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{clip:rect(44px, 450px, 56px, 0);text-shadow:-1px 0 var(--color-accent);background:0 0;animation:5s linear infinite alternate-reverse glitch-anim;left:1px}.glitch:after{clip:rect(44px, 450px, 56px, 0);text-shadow:1px 0 var(--color-glitch);background:0 0;animation:5s linear infinite alternate-reverse glitch-anim2;left:-1px}@keyframes glitch-anim{0%{clip:rect(41px, 9999px, 10px, 0)}10%{clip:rect(6px, 9999px, 85px, 0)}20%{clip:rect(63px, 9999px, 91px, 0)}30%{clip:rect(100px, 9999px, 98px, 0)}40%{clip:rect(23px, 9999px, 15px, 0)}50%{clip:rect(19px, 9999px, 14px, 0)}60%{clip:rect(75px, 9999px, 5px, 0)}70%{clip:rect(5px, 9999px, 80px, 0)}80%{clip:rect(70px, 9999px, 73px, 0)}90%{clip:rect(50px, 9999px, 30px, 0)}to{clip:rect(20px, 9999px, 60px, 0)}}@keyframes glitch-anim2{0%{clip:rect(25px, 9999px, 40px, 0)}10%{clip:rect(85px, 9999px, 16px, 0)}20%{clip:rect(92px, 9999px, 87px, 0)}30%{clip:rect(100px, 9999px, 100px, 0)}40%{clip:rect(10px, 9999px, 66px, 0)}50%{clip:rect(37px, 9999px, 72px, 0)}60%{clip:rect(10px, 9999px, 94px, 0)}70%{clip:rect(89px, 9999px, 3px, 0)}80%{clip:rect(100px, 9999px, 85px, 0)}90%{clip:rect(54px, 9999px, 11px, 0)}to{clip:rect(26px, 9999px, 13px, 0)}}.hero-cta{justify-content:center;align-items:center;gap:2rem;display:flex}.showreel-btn{color:#fff;z-index:1;transition:all .3s var(--easing);align-items:center;gap:1rem;font-weight:600;display:flex;position:relative}.showreel-btn:hover{text-shadow:0 0 8px #ffffff80}.play-icon{border:2px solid var(--color-accent);width:48px;height:48px;color:var(--color-accent);box-shadow:0 0 15px #00ff9d4d;box-shadow:0 0 15px color-mix(in display-p3, var(--color-accent) 30%, transparent);transition:all .4s var(--easing);background-color:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.showreel-btn:hover .play-icon{background-color:var(--color-accent);color:var(--color-bg);box-shadow:0 0 20px #00ff9d80;box-shadow:0 0 20px color-mix(in display-p3, var(--color-accent) 50%, transparent);transform:scale(1.1)}.hero-scroll{pointer-events:none;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:3rem;left:0}.scroll-indicator{opacity:0;flex-direction:column;align-items:center;animation:1.5s 1s forwards fadeIn;display:flex}@keyframes fadeIn{to{opacity:1}}.mouse{border:2px solid var(--color-text);border-radius:20px;width:24px;height:40px;margin-bottom:10px;position:relative}.wheel{background-color:var(--color-accent);border-radius:2px;width:4px;height:8px;animation:2s infinite scroll;position:absolute;top:6px;left:50%;transform:translate(-50%)}@keyframes scroll{0%{opacity:1;transform:translate(-50%)}90%{opacity:0}to{opacity:0;transform:translate(-50%,15px)}}.arrows{flex-direction:column;align-items:center;display:flex}.arrow{border-right:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);width:10px;height:10px;margin:-6px;animation:2s infinite arrowAnim;display:block;transform:rotate(45deg)}.arrow:nth-child(2){animation-delay:.2s}.arrow:nth-child(3){animation-delay:.4s}@keyframes arrowAnim{0%{opacity:0;transform:rotate(45deg)translate(-5px,-5px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg)translate(5px,5px)}}@media (max-width:860px){.nav-content{flex-wrap:wrap}.nav-links{flex-direction:column;flex-basis:100%;order:3;align-items:flex-start;gap:1rem;padding:1rem 0 .25rem;display:none;position:static;transform:none}.nav.is-open .nav-links{display:flex}.menu-button{display:block}.hero-cta{flex-direction:column;gap:1.5rem}}.hero-gradient{background:linear-gradient(to top, var(--color-bg), transparent);z-index:-1;width:100%;height:150px;position:absolute;bottom:0;left:0}