header>nav{z-index:100;height:var(--nav-height);padding-inline:var(--grid-margin);align-items:center;display:flex;position:fixed;inset-block-start:0;inset-inline:0}header>nav>div{justify-content:space-between;align-items:center;width:100%;display:flex}header>nav>div>a{flex-shrink:0;align-items:center;display:flex}header>nav>div>a img,header>nav>div>a svg{width:var(--logo-width);height:var(--logo-height)}header>nav>div>button{align-items:center;gap:calc(var(--u) * 8);width:auto;height:var(--nav-btn-size);border-radius:calc(var(--u) * 2);transition:opacity var(--duration-fast) var(--ease-out);flex-shrink:0;display:flex;position:relative}header>nav>div>button>span:first-child{font-family:var(--font-mono);font-size:calc(var(--u) * 10);letter-spacing:0;text-transform:uppercase;color:var(--color-fg);pointer-events:none;font-weight:400;line-height:1}header>nav>div>button:hover{opacity:.6}header>nav>div>button:focus-visible{outline:calc(var(--u) * 2) solid var(--color-fg);outline-offset:calc(var(--u) * 4)}header>nav>div>button>span:last-child{width:var(--nav-btn-size);height:var(--nav-btn-size);background-color:var(--color-fg);transition:transform var(--duration-base) var(--ease-out), background-color var(--duration-fast) var(--ease-out);display:block;position:relative}header>nav>div>button[aria-expanded=true]>span:last-child{transform:none}@keyframes glitch-blink{0%{opacity:1}5%{opacity:0}10%{opacity:1}15%{opacity:0}20%{opacity:1}25%{opacity:0}30%{opacity:1}to{opacity:1}}@keyframes glitch-rgb{0%{box-shadow:none;transform:translate(0)}10%{box-shadow:calc(var(--u) * -3) 0 0 #1eacffe6, calc(var(--u) * 3) 0 0 #00eefae6;transform:translate(calc(var(--u) * 2), calc(var(--u) * -1)) skewX(-8deg)}20%{box-shadow:calc(var(--u) * 3) 0 0 #1eacffe6, calc(var(--u) * -3) 0 0 #00eefae6;transform:translate(calc(var(--u) * -2), calc(var(--u) * 1)) skewX(6deg)}30%{box-shadow:calc(var(--u) * -2) 0 0 #1eacffe6, calc(var(--u) * 2) 0 0 #00eefae6;transform:translate(calc(var(--u) * 1), 0) skewX(-3deg)}40%{box-shadow:none;transform:translate(0)}to{box-shadow:none;transform:translate(0)}}@keyframes glitch-crash{0%{opacity:1;transform:scale(1)skew(0)}10%{opacity:.6;transform:scale(1.4)skew(-12deg)}15%{opacity:0;transform:scale(.6)skew(8deg)}20%{opacity:1;transform:scale(1.2)skew(-5deg)}25%{opacity:.8;transform:scale(.85)skew(3deg)}30%{opacity:1;transform:scale(1.05)skew(-2deg)}40%{opacity:1;transform:scale(1)skew(0)}to{opacity:1;transform:scale(1)skew(0)}}header>nav>div>button>span:last-child.is-glitching{animation:.6s step-end forwards glitch-blink,.6s step-end forwards glitch-rgb,.6s cubic-bezier(.25,.46,.45,.94) forwards glitch-crash}@media (width<=767px){header>nav{height:var(--nav-height);padding-inline:var(--m)}header>nav>div{position:relative}header>nav>div>a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}header>nav>div>a img,header>nav>div>a svg{width:var(--logo-width);height:var(--logo-height)}header>nav>div>button{width:auto;height:var(--nav-btn-size);margin-left:auto}header>nav>div>button>span:last-child{width:var(--nav-btn-size);height:var(--nav-btn-size)}header>nav>div>button>span:first-child{display:none}body .audio-toggle,body.project-page .audio-toggle,body.about-page .audio-toggle,body[data-menu-open] .audio-toggle{height:var(--nav-height);min-width:calc(var(--u) * 44);z-index:110;align-items:center;position:fixed;inset-block:0 auto;inset-inline-start:var(--m);inset-inline-end:auto;opacity:1!important;visibility:visible!important;pointer-events:auto!important;display:flex!important}.audio-toggle .audio-toggle-label,.audio-toggle-label{display:none!important}header>nav>div>button{min-width:calc(var(--u) * 44);min-height:calc(var(--u) * 44);justify-content:center;align-items:center;display:flex}}