@charset "UTF-8";:root{--primary-color:#bd0606}
#intro-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;background-color:#000;opacity:1;visibility:visible;transition:opacity 1s ease,visibility 1s ease;display:flex;justify-content:center;align-items:center}
#intro-container video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}
#intro-container.fade-out{opacity:0;visibility:hidden}
#fullpage,.header{transition:opacity 1s ease,visibility 1s ease}
#fullpage.fade-in,.header.fade-in{opacity:1!important;visibility:visible!important}
@supports (-webkit-touch-callout:none){#intro-container video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){#intro-container video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%)}
}
.music-control{position:fixed;top:20px;right:20px;z-index:1000}
.music-btn{width:30px;height:30px;border:none;background:0 0;cursor:pointer;padding:0}
.music-btn img{width:100%;height:100%;transition:transform .3s ease}
.music-btn.playing img{animation:rotate 3s linear infinite}
@keyframes rotate{from{transform:rotate(0)}
    to{transform:rotate(360deg)}
}
.header{position:fixed;top:0;left:0;width:100%;height:80px;background:linear-gradient(90deg,rgba(0,0,0,.2) 4%,rgba(225,0,0,.3) 100%),rgba(0,0,0,.4);z-index:1000;display:flex;justify-content:center}
.header-container{width:90%;max-width:2560px;height:100%;display:flex;justify-content:space-between;align-items:center}
.logo{height:60px}
.nav-menu{display:flex;list-style:none;}
.nav-menu li{position:relative;top:-30px;left:0px;}
.nav-menu li a{color:#fff;text-decoration:none;font-size:18px;padding:28px 50px;transition:all .3s ease}
.nav-menu li a.active,.nav-menu li a:hover{font-weight:700;background:linear-gradient(0deg,rgba(241,0,0,.62) 0,rgba(247,0,0,.22) 50%,rgba(251,0,0,0) 81%)}
.mobile-menu-btn{display:none}
.mobile-menu{display:none}
#fullpage{position:relative;top:80px}
.section{text-align:center}
.home-section{position:relative;height:calc(100vh - 80px)!important;overflow:hidden}
.home-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.home-content{position:absolute;top:0;left:0;background:rgba(0,0,0,.2);width:100%;height:100%;object-fit:cover}
.home-content-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:1;display:flex;justify-content:center;align-items:center;gap:30px}
@keyframes waveLeft{0%{transform:translateX(0) scale(1);opacity:1}
    25%{transform:translateX(-15px) scale(.98);opacity:.9}
    50%{transform:translateX(-30px) scale(.95);opacity:.8}
    75%{transform:translateX(-15px) scale(.98);opacity:.9}
    100%{transform:translateX(0) scale(1);opacity:1}
}
.wave-left{animation:waveLeft 3s cubic-bezier(.4,0,.2,1) infinite;transform-origin:center center;will-change:transform,opacity}
.wave-left:hover{animation-play-state:paused;transform:scale(1.05);transition:transform .3s ease}
@keyframes waveRight{0%{transform:translateX(0) scale(1);opacity:1}
    25%{transform:translateX(15px) scale(.98);opacity:.9}
    50%{transform:translateX(30px) scale(.95);opacity:.8}
    75%{transform:translateX(15px) scale(.98);opacity:.9}
    100%{transform:translateX(0) scale(1);opacity:1}
}
.wave-right{animation:waveRight 3s cubic-bezier(.4,0,.2,1) infinite;transform-origin:center center;will-change:transform,opacity}
.wave-right:hover{animation-play-state:paused;transform:scale(1.05);transition:transform .3s ease}
.arrow,.main-title{object-fit:contain;height:auto;max-width:100%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}
.home-btn{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);z-index:10;cursor:pointer}
@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}
    40%{transform:translateY(-20px)}
    60%{transform:translateY(-10px)}
}
.bounce-animation{animation:bounce 2s infinite;transition:all .3s ease}
.bounce-animation:active{transform:scale(.95)}
.bounce-animation.clicked{animation:none;transform:scale(.95) translateY(0);opacity:.8}