.header{gap:24px}.header nav{gap:24px}.language-switch{display:inline-flex;gap:2px;align-items:center;padding:3px;border:1px solid #80f4a933;background:#07120bbf;flex-shrink:0;border-radius:3px}.language-switch button{padding:7px 8px;min-width:29px;min-height:30px;background:transparent;color:#9db9a6;font:11px/1 monospace;border-radius:1px}.language-switch button[aria-pressed=true]{color:#bcffd1;background:#80f4a91c}.language-switch button:hover{color:#e0ffea;background:#80f4a924}.language-switch button:focus-visible{outline:2px solid #bfffd4;outline-offset:2px}
@media(max-width:1100px){.header{gap:14px}.header nav{gap:16px}}
@media(max-width:800px){.header nav{display:none}.header{gap:12px}.header .brand{margin-right:auto}.language-switch button{padding:7px;min-width:27px}.header .motion-control{width:32px;height:32px}}
.header>.mobile-nav{display:none;position:relative;flex-shrink:0}.mobile-nav summary{list-style:none;width:30px;height:32px;display:grid;place-items:center;border:1px solid #80f4a933;background:#07120bbf;color:#b7dfc5;font:23px monospace;cursor:pointer}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary:focus-visible{outline:2px solid #bfffd4;outline-offset:2px}.header .mobile-nav nav{position:absolute;right:0;top:43px;min-width:180px;padding:12px;background:#07120bf5;border:1px solid #80f4a94d;box-shadow:0 10px 35px #0008;flex-direction:column;align-items:stretch;gap:0}.header .mobile-nav nav a{padding:12px;font-size:13px}
@media(max-width:800px){.header>.mobile-nav{display:block}.header .mobile-nav[open] nav{display:flex}.header{gap:8px}.header .brand>span{font-size:13px;letter-spacing:.15em}.header .brand{gap:9px}.header .brand small{font-size:7px;letter-spacing:.18em}}