.lang-switch{vertical-align:middle;gap:2px;margin-left:18px;display:inline-flex}.lang-switch button{all:unset;cursor:pointer;letter-spacing:.12em;opacity:.45;padding:4px 6px;font-family:DM Mono,ui-monospace,monospace;font-size:10px;transition:opacity .2s}.lang-switch button:hover{opacity:.85}.lang-switch button.is-on{opacity:1;text-underline-offset:4px;text-decoration:underline}.nav-toggle{display:none}@media (width<=760px){header:has(>.nav-toggle){justify-content:space-between;align-items:center;display:flex}header:has(>.nav-toggle):not(.hud){z-index:5;position:relative}header:has(>.nav-toggle)>.brand{white-space:nowrap}.nav-toggle{all:unset;cursor:pointer;letter-spacing:.14em;text-transform:uppercase;min-height:44px;color:inherit;opacity:.85;-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;padding:0 2px 0 6px;font-family:DM Mono,ui-monospace,monospace;font-size:11px;display:inline-flex}.nav-toggle-dots{flex:none;width:12px;height:12px;position:relative}.nav-toggle-dots:before,.nav-toggle-dots:after{content:"";background:radial-gradient(circle,currentColor 1.6px,#0000 1.9px) 0 0/50% 50%;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s;position:absolute;inset:0}.nav-toggle-dots:after{opacity:0;background:0 0}header.is-menu .nav-toggle-dots:before{transform:rotate(45deg)scale(.9)}.nav-toggle .nav-toggle-close,header.is-menu .nav-toggle .nav-toggle-open{display:none}header.is-menu .nav-toggle .nav-toggle-close{display:inline}header.is-menu .nav-toggle{opacity:1}header:has(>.nav-toggle)>.nav{counter-reset:navi;-webkit-backdrop-filter:blur(16px);background:#06080ee6;border-top:1px solid #ebe8e224;flex-direction:column;align-items:stretch;gap:0;padding:6px 0 10px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0}header:has(>.nav-toggle):not(.hud)>.nav{left:var(--pad);right:var(--pad);top:calc(100% - 8px)}header.is-menu>.nav{display:flex}header:has(>.nav-toggle)>.nav a{counter-increment:navi;letter-spacing:.14em;text-transform:uppercase;color:#ebe8e2cc;border-bottom:1px solid #ebe8e21a;align-items:center;gap:14px;min-height:50px;font-family:DM Mono,ui-monospace,monospace;font-size:12px;display:flex}header:has(>.nav-toggle)>.nav a:before{content:counter(navi, decimal-leading-zero);letter-spacing:.1em;color:#ebe8e266;font-size:10px}header:has(>.nav-toggle)>.nav a[aria-current=page]{color:#fff}header:has(>.nav-toggle)>.nav a[aria-current=page]:after{content:"———";letter-spacing:-.1em;color:#ebe8e266;margin-left:auto}.lang-switch{border:0;align-self:flex-start;gap:6px;margin:12px 0 0;padding:0}.lang-switch button{opacity:.45;padding:8px 6px;font-size:11px;line-height:1}.lang-switch button.is-on{opacity:1;text-underline-offset:5px;color:inherit;background:0 0;text-decoration:underline}}
