@font-face{font-family:Helvetica Neue Light;src:url(/assets/HelveticaNeueLight-Ct5-NwMS.otf) format("opentype");font-weight:300;font-style:normal}:root{font-family:Helvetica Neue Light,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:300;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;margin:0;overflow:hidden}.App{width:100vw;height:100vh;position:relative;overflow:hidden;font-family:Helvetica Neue Light,sans-serif;background:#000;perspective:1000px}.logo{position:absolute;top:20px;left:40px;z-index:1000;pointer-events:none}.logo img{width:160px;height:auto;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.coming-soon{position:absolute;bottom:20px;left:40px;color:#fff;font-size:20px;font-weight:700;z-index:1000;text-shadow:0 2px 20px rgba(0,0,0,.8);letter-spacing:1px}.slides{width:100%;height:100%;position:relative;overflow:hidden}.slide-segment{position:absolute;/ top:0;inset:0;full screen / background-size: cover;background-position:center;background-repeat:no-repeat;will-change:transform,opacity}.slide{position:absolute;inset:0;background-size:cover;background-position:center center;background-repeat:no-repeat;will-change:transform,opacity,filter;transform-style:preserve-3d}.overlay{position:absolute;inset:0;background:linear-gradient(135deg,#0003,#0006,#0009);pointer-events:none;will-change:transform,opacity}.vertical-nav{position:absolute;right:40px;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;color:#fff;gap:20px;height:100vh;padding:20px 0}.nav-number{font-size:22px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.5);font-family:Helvetica Neue Light,monospace}.nav-line{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 0}.nav-segment{height:90px;width:4px;background:#888;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);opacity:.5;position:relative;transform-origin:center}.nav-segment:hover{transform:scaleY(1.1);box-shadow:0 0 8px #fff6}.nav-segment.active{width:6px;background:#fff;opacity:.8!important}.nav-segment:before{content:"";position:absolute;inset:-4px;background:transparent}@media (max-width: 768px){.nav-segment{height:50px}}