/* -----------------------------
   HERO VIDEO
----------------------------- */
.hero-video-wrap { 
    position: relative; 
    width: 100%; 
    height: 100vh; 
    overflow: hidden; 
    display:flex; 
    justify-content:center; 
    align-items:center; 
}
.hero-video-wrap video { 
    position: absolute; 
    top:50%; 
    left:50%; 
    min-width:100%; 
    min-height:100%; 
    transform:translate(-50%,-50%); 
    object-fit:cover; 
    z-index:1; 
}
.hero-video-overlay { 
    position:absolute; 
    inset:0; 
    background: rgba(0,0,0,0.25); 
    z-index:2; 
}

/* -----------------------------
   HERO TEXT
----------------------------- */
.hero-video-text-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    max-width: 1000px;
    text-align: center;
    z-index: 20;
    pointer-events: none;
}

.hero-video-text {
    position: relative;
    display: inline-block;
    transform: var(--interactive-transform, none);
    font-family: "Passion One", sans-serif;
    text-transform: uppercase;
    font-style: normal;
    margin: 0;
    font-size: 7rem;
    font-weight: 900;
    line-height: 0.8;
    white-space: normal;
    color: transparent;  
    text-shadow: none;  
}

.glitch-layer { position:absolute; inset:0; pointer-events:none; }
.glitch-blue { color: #00eaff; transform:translate(-18px,0); mix-blend-mode: lighten; z-index:2; }
.glitch-pink { color:#ff2ad0; transform: skew(-8deg) translate(18px,0); z-index:1; }

@media (max-width:992px) { .hero-video-text { font-size:4.5rem; } }
@media (max-width:768px) { 
    .hero-video-text { font-size:4rem; } 
    .glitch-pink{transform:skew(-5deg) translate(10px,0);} 
    .glitch-blue{transform:translate(-5px,0);} 
}
@media (max-width:480px) { .hero-video-text { font-size:3.5rem; } }