.mainstage-section{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100vw;height:100svh;display:flex;position:relative;overflow:hidden}.mainstage-background{z-index:-1;background-color:#000;width:100%;height:100%;transition:opacity .5s ease-in-out;position:absolute;top:0;left:0}@keyframes mediaFadeIn{0%{opacity:0}to{opacity:1}}.mainstage-background .mainstage-media{object-fit:contain;filter:brightness(.6);opacity:0;pointer-events:none;z-index:0;width:100%;height:100%;transition:opacity .8s cubic-bezier(.25,1,.5,1);display:block;position:absolute;top:0;left:0}.mainstage-background video.mainstage-media{object-fit:contain;background-color:#000}.mainstage-background .mainstage-media.active{opacity:1;pointer-events:auto;z-index:1;position:relative}.mainstage-content{text-align:center;color:#fff;z-index:1;text-transform:uppercase}.mainstage-content h1{letter-spacing:5px;margin:0;font-size:5rem;font-weight:900}.mainstage-content p{letter-spacing:3px;opacity:.8;margin-top:20px;font-size:1.5rem;font-weight:300}.mainstage-navigation{z-index:10;justify-content:center;width:100%;display:flex;position:absolute;bottom:40px;left:0}.nav-numbers{align-items:flex-end;gap:15px;display:flex}.nav-item{color:#fff;cursor:pointer;opacity:.5;width:auto;height:auto;font-size:1.2rem;font-weight:500;font-family:var(--font-montserrat), sans-serif;letter-spacing:1px;background:0 0;border:none;margin:0 15px;padding:0;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative}.nav-item:hover{opacity:.8}.nav-item.active{opacity:1;text-shadow:0 0 8px #ffffff59,0 0 18px #ffffffad;color:#fff;width:auto;font-weight:900}.nav-item.active:before{transform:translate(-50%)scale(1)}.mainstage-volume{z-index:11;color:#fff;opacity:.5;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000040;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .3s,background .3s;display:flex;position:absolute;bottom:40px;right:40px}.mainstage-volume:hover{opacity:1;background:#00000073}@media screen and (max-width:768px){.mainstage-navigation{bottom:20px}.mainstage-volume{bottom:20px;right:20px}.nav-item{margin:0 10px;font-size:1rem}.nav-item.active{font-weight:900}}.mainstage-section.mainstage-loading{background-color:#0d0d0d;justify-content:center;align-items:center;display:flex}.loading-placeholder{flex-direction:column;align-items:center;gap:20px;display:flex}.loading-logo{color:#fff;letter-spacing:6px;text-transform:uppercase;font-size:2.5rem;font-weight:800;animation:2s ease-in-out infinite pulse}.loading-spinner{border:2px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:1s ease-in-out infinite spin;box-shadow:0 0 15px #ffffff1a}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.6;text-shadow:0 0 10px #ffffff1a}50%{opacity:1;text-shadow:0 0 20px #fff6}}