a{text-decoration:underline;transition:color .3s}a:hover{color:#5f9ea0}body,html{margin:0;padding:0}.video-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center}video{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;top:0;left:50%;height:100%;width:3.64583rem}.overlay:hover{background:linear-gradient(270deg,rgba(8,18,28,0) 0%,rgba(8,18,28,.8) 60%,rgba(8,18,28,0) 100%)}.overlay .arc{position:absolute;width:100%;height:100%;top:50%;left:0;transform:translateY(-50%)}.overlay .title{position:absolute;margin-bottom:9vh;margin-left:1vw;bottom:0;left:24.2%;width:max-content}.overlay .main-title{display:flex;align-items:flex-end}.overlay .main-title .main-title-text{font-family:PingFang HK,PingFang HK;font-weight:700;font-size:.23958rem;color:#fff;text-align:left;letter-spacing:.02083rem}.overlay .main-title-sub-text{font-family:PingFang HK,PingFang HK;font-weight:400;font-size:.04688rem;color:#fff;opacity:.5;margin-left:.05208rem}.overlay .sub-title{font-family:DIN,DIN;font-weight:700;font-size:.20833rem;color:#fff;letter-spacing:.02083rem;text-align:left;transform:translate(-.07292rem,.02604rem);margin-top:.05208rem}.overlay .menu-1{position:absolute;top:42%;left:calc(.24 * 3.64583rem)}.overlay .menu-2{position:absolute;top:52%;left:calc(.247 * 3.64583rem)}.overlay .menu-3{position:absolute;top:62%;left:calc(.273 * 3.64583rem)}.overlay .menu-4{position:absolute;top:72%;left:calc(.322 * 3.64583rem)}.overlay .menu-5{position:absolute;top:82%;left:calc(.396 * 3.64583rem)}.menu .dot{top:50%;left:0%;transform:translateY(-50%);width:.0625rem;height:.0625rem;border-radius:50%;background-color:#fff;position:absolute;background-color:#36a0ff}.dot.hovered{width:.08333rem;height:.08333rem;background:#36A0FF;filter:drop-shadow(0 0 .05729rem #36A0FF);box-shadow:0 0 .03125rem .04688rem #36a0ff60;transform:translate(-.01042rem,-50%)}.menu .menu-right{position:absolute;top:50%;left:.3125rem;transform:translateY(-50%);display:flex;align-items:center;width:max-content;opacity:.5}.menu .menu-right:hover{opacity:1}.menu .menu-icon{width:.17708rem;height:.17708rem;margin-right:.07813rem}.menu .menu-text{font-family:PingFang HK,PingFang HK;font-weight:600;font-size:.13542rem;color:#fff}@tailwind base;@tailwind components;@tailwind utilities;