/* Floating glass navigation, with contrast set from the section beneath it. */
html{scroll-padding-top:140px}
.glass-header{position:fixed;top:32px;left:5%;right:5%;padding:8px 24px;min-height:88px;border-radius:26px;border:1px solid var(--glass-edge);color:var(--header-ink);background:var(--glass-fill);box-shadow:0 8px 32px #00000012,inset 0 1px 0 var(--glass-shine);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);transition:color .25s,background .25s,border-color .25s;isolation:isolate}
.glass-header[data-tone="dark"]{--header-ink:#fff;--glass-fill:rgba(12,12,12,.32);--glass-edge:rgba(255,255,255,.28);--glass-shine:rgba(255,255,255,.18)}
.glass-header[data-tone="light"]{--header-ink:#111110;--glass-fill:rgba(255,255,255,.65);--glass-edge:rgba(255,255,255,.8);--glass-shine:rgba(255,255,255,.85)}
.glass-header>a{flex-shrink:0}
.glass-header img{width:104px;height:70px;object-fit:contain}
.glass-header #menu-toggle{min-height:44px;min-width:80px;border-radius:14px}
.glass-header #menu-toggle:hover{background:rgba(128,128,128,.15)}
.glass-header nav{top:calc(100% + 12px);right:0;border:1px solid var(--glass-edge);border-radius:22px;color:var(--header-ink);background:var(--glass-fill);box-shadow:0 12px 32px #0002;-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%);max-height:calc(100svh - 160px);overflow:auto}
.glass-header nav a{padding:7px 0;line-height:1.5}
.glass-header nav a:focus-visible,.glass-header #menu-toggle:focus-visible{outline:2px solid currentColor}
@media(min-width:1450px){.glass-header{gap:24px}.glass-header #menu-toggle{display:none}.glass-header nav,.glass-header nav.open{display:flex;position:static;align-items:center;justify-content:flex-end;flex:1;gap:clamp(15px,1.7vw,28px);padding:0;min-width:0;background:none;border:0;box-shadow:none;border-radius:0;overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none}.glass-header nav a{font-size:12px;letter-spacing:.4px;white-space:nowrap}}
.glass-header>a{order:0}.glass-header nav{order:1}.glass-header #language-root{order:2;margin-left:auto;flex-shrink:0}.glass-header #menu-toggle{order:3;margin-left:12px;width:46px;min-width:46px;height:46px;border:1px solid var(--glass-edge);border-radius:50%;font-size:0;padding:0}.glass-header #menu-toggle span{font-size:22px;margin:0}
.glass-header .management-shortcut{order:3;display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;margin-left:10px;border:1px solid var(--glass-edge);border-radius:50%;color:inherit}
.glass-header .management-shortcut svg{width:19px;height:19px}
.glass-header .management-shortcut:hover{background:rgba(128,128,128,.15)}
.glass-header .management-shortcut:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.glass-header #menu-toggle{order:4}
.language-switch{display:flex;align-items:center;gap:3px;border:1px solid var(--glass-edge);border-radius:99px;padding:4px;color:inherit}
.language-switch button{border:0;background:transparent;color:inherit;opacity:.6;border-radius:99px;min-width:46px;height:42px;padding:0 9px;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:1px;transition:background .2s,color .2s,opacity .2s}
.language-switch button[aria-pressed="true"]{background:var(--header-ink);color:var(--paper);opacity:1}
.glass-header[data-tone="dark"] .language-switch button[aria-pressed="true"]{color:var(--ink);background:var(--paper)}
.language-switch button:hover{opacity:1}.language-switch button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media(max-width:380px){.glass-header{left:16px!important;right:16px!important;padding-left:12px!important;padding-right:12px!important}.glass-header img{width:72px!important}.language-switch button{min-width:39px;padding:0 6px;font-size:11px}.glass-header #menu-toggle{margin-left:8px;width:42px;min-width:42px;height:42px}}
@media(max-width:380px){.glass-header .management-shortcut{width:38px;height:38px;margin-left:6px}}
@media(max-width:760px){html{scroll-padding-top:120px}.glass-header{top:29px;left:20px;right:20px;min-height:76px;padding:5px 16px;border-radius:22px}.glass-header img{width:96px;height:64px}.glass-header nav{min-width:min(280px,calc(100vw - 40px));max-width:calc(100vw - 40px);padding:20px 26px}.glass-header nav a{font-size:15px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-header[data-tone="dark"]{--glass-fill:rgba(17,17,16,.94)}.glass-header[data-tone="light"]{--glass-fill:rgba(255,255,255,.96)}}
@media(prefers-reduced-motion:reduce){.glass-header{transition:none}}
