.menu-overlay{z-index:200;opacity:0;pointer-events:none;width:100vw;height:100dvh;font-family:var(--font-host-grotesk), sans-serif;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;overflow:hidden}.menu-bg{background:url(/menu.jpg) 50%/cover no-repeat;width:100%;height:100%;position:absolute}.menu-overlay-nav,.menu-overlay-footer{justify-content:space-between;align-items:center;width:100vw;padding:1.5rem;display:flex;position:absolute}.menu-overlay-nav{top:0}.menu-overlay-footer{bottom:0}@media (max-width:720px){.menu-overlay-footer{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem}.menu-overlay-footer .menu-overlay-items{flex-wrap:wrap;gap:.5rem 1rem}}.menu-overlay p,.menu-overlay a{color:#fff;text-transform:uppercase;font-family:var(--font-ibm-plex-mono), monospace;font-size:11px;text-decoration:none}.close-btn{cursor:pointer;width:1.5rem;height:1.5rem;position:relative}.close-btn .close-btn-bar{background-color:#fff;width:1.5rem;height:.125rem;position:absolute;top:50%}.close-btn .close-btn-bar:first-child{transform:rotate(45deg)}.close-btn .close-btn-bar:nth-child(2){transform:rotate(-45deg)}.menu-overlay-items{gap:1rem;display:flex}.menu-overlay-nav .menu-overlay-items a{font-size:18px}.circular-menu{z-index:10;width:700px;height:700px;position:relative}.joystick{-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;z-index:100;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-icon{color:#000;width:20px;font-size:12px;position:absolute}.center-main{width:30px;height:30px;font-size:30px;top:50%;left:50%;transform:translate(calc(2px - 50%),-50%)}.center-up{top:.75rem;left:50%;transform:translate(-50%)}.center-down{bottom:.75rem;left:50%;transform:translate(-50%)}.center-left{top:50%;left:.75rem;transform:translateY(-50%)}.center-right{top:50%;right:.75rem;transform:translateY(-50%)}.menu-segment{color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;background:#ffffff0d;width:100%;height:100%;position:absolute}.segment-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute}.segment-content ion-icon{margin-bottom:10px;font-size:40px}.menu-segment .label{text-transform:none;font-family:var(--font-host-grotesk), sans-serif;font-size:15px;font-weight:500}.menu-segment:hover{z-index:10;animation:.35s ease-in-out forwards flickerHover}.menu-segment:hover .segment-content{animation:.35s ease-in-out forwards contentFlickerHover}@media (max-width:1000px){.segment-content ion-icon{font-size:20px}}@keyframes flickerHover{0%{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d}12%{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3}24%{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff26}36%{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffd9}48%{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff40}60%{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffffe6}72%{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff4d}84%{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffffff2}to{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#fff}}@keyframes contentFlickerHover{0%{color:#fff;opacity:1}12%{color:#333;opacity:.4}24%{color:#fff;opacity:.9}36%{color:#333;opacity:.3}48%{color:#fff;opacity:.8}60%{color:#333;opacity:.2}72%{color:#fff;opacity:.7}84%{color:#333;opacity:.1}to{color:#000;opacity:1}}
.site-nav{z-index:100;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:1.5rem;font-family:Geist Mono,monospace;font-size:.75rem;transition:opacity .6s,transform .6s;display:flex;position:fixed;top:2.25rem;right:2.25rem}@media (max-width:900px){.site-nav{gap:1rem;top:1.25rem;right:1.25rem}}.nav-clock{color:#ffffff8c;letter-spacing:.14em;font-variant-numeric:tabular-nums;text-align:right;min-width:8ch;font-family:Geist Mono,monospace;font-size:.75rem}@media (max-width:720px){.nav-clock{display:none}}.nav-menu-btn{color:#fff9;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:0 0;border:none;padding:0;font-family:Geist Mono,monospace;font-size:.75rem;transition:color .2s}.nav-menu-btn:hover{color:#fff}.audio-toggle{cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:4px;justify-content:center;align-items:center;padding:6px 8px;transition:border-color .2s;display:flex}.audio-toggle:hover{border-color:#fff6}.eq{align-items:flex-end;gap:3px;height:14px;display:flex}.eq-bar{background:#ffffff4d;border-radius:1.5px;flex-direction:column;align-items:center;gap:2px;width:3px;height:3px;transition:height .3s,background .3s;display:flex}.eq--active .eq-bar{background:#fffc}.eq--active .eq-bar:first-child{animation:1.8s ease-in-out infinite alternate eq-1}.eq--active .eq-bar:nth-child(2){animation:1.4s ease-in-out infinite alternate eq-2}.eq--active .eq-bar:nth-child(3){animation:2.1s ease-in-out infinite alternate eq-3}.eq--active .eq-bar:nth-child(4){animation:1.6s ease-in-out infinite alternate eq-4}.eq--active .eq-bar:nth-child(5){animation:1.9s ease-in-out infinite alternate eq-5}@keyframes eq-1{0%{height:3px}40%{height:10px}80%{height:5px}to{height:8px}}@keyframes eq-2{0%{height:4px}30%{height:13px}70%{height:7px}to{height:12px}}@keyframes eq-3{0%{height:6px}50%{height:3px}75%{height:11px}to{height:5px}}@keyframes eq-4{0%{height:3px}25%{height:14px}60%{height:6px}to{height:11px}}@keyframes eq-5{0%{height:5px}35%{height:9px}65%{height:3px}to{height:7px}}.eq--fading .eq-bar{animation:.7s ease-out forwards eq-bar-die!important}@keyframes eq-bar-die{0%{height:var(--bar-h,14px);background-color:#fffc}to{background-color:#ffffff4d;height:3px}}.site-nav.site-nav--blend{mix-blend-mode:difference}