/* The compact navigation fills the viewport, including landscape tablets. */
@media(max-width:1100px){
 .header{gap:8px;align-items:center}
 .header .brand{width:clamp(105px,16vw,145px)}
 .header .menu-toggle{display:grid;place-items:center;margin-left:auto;order:1;position:relative;z-index:2}
 .header .music-control{order:2;position:relative;z-index:3}
 .header .settings-trigger{order:3;position:relative;z-index:2}
 .header .language-switch{order:4;position:relative;z-index:2}
 .header nav{display:none}
 .header.menu-open{inset:0;width:100%;height:100vh;height:100dvh;min-height:0;max-height:none;padding:20px clamp(18px,4vw,50px);border:0;border-radius:0;align-items:flex-start;background:radial-gradient(ellipse at 90% 5%,#48565f55,transparent 60%),linear-gradient(125deg,#222b30fa,#0e1418fc);box-shadow:none;overflow:hidden;backdrop-filter:blur(28px);z-index:100}
 .header.menu-open .brand{margin-top:5px}
 .header.menu-open nav{position:absolute;display:block;inset:94px 0 0;width:100%;max-height:none;padding:16px clamp(24px,7vw,90px) 55px;overflow:auto;overscroll-behavior:contain;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
 .header nav>a.nav-home{display:block!important;padding:20px 0!important;min-height:58px;font-size:clamp(24px,4vw,40px);font-weight:300;background:none!important;box-shadow:none!important;border:0!important;color:#e6ecee}
 .header .nav-group{display:grid;grid-template-columns:1fr 54px;align-items:start;border-top:1px solid #c1d0d51a}
 .header nav .nav-group>a{display:block!important;padding:20px 0!important;min-height:58px;font-size:clamp(24px,4vw,40px);line-height:1.3;font-weight:300;border:0;background:none;box-shadow:none}
 .header .nav-disclosure{display:grid;width:54px;height:70px;min-height:54px;padding:15px;align-self:start}
 .header .nav-disclosure svg{width:16px;height:16px}
 .header .nav-panel{grid-column:1/-1;position:static;display:none;min-width:0;max-width:none;margin:0 0 18px;padding:0 0 8px;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;transform:none;transition:none;visibility:visible;opacity:1}
 .header .nav-group.is-open>.nav-panel{display:block}
 .header .nav-panel::before{display:none}
 .header nav .nav-panel a{display:block;padding:12px 0 12px 18px!important;font-size:clamp(15px,2.3vw,21px);line-height:1.5;border:0!important;border-left:1px solid #d1b6815c!important;border-radius:0;color:#c6cfd3;background:none;box-shadow:none}
 .header nav .nav-panel a:hover,.header nav .nav-panel a:focus-visible{color:#eed8ad;background:#ffffff04}
 .header.menu-open .menu-toggle svg path{d:path('M5 5L19 19M19 5L5 19')}
 .header.menu-open .menu-toggle{border:1px solid #c5d3da38;border-radius:50%;width:38px;height:38px;background:#ffffff08}
 .high-contrast .header.menu-open{background:#000}
 .high-contrast .header nav .nav-panel a{color:#fff;border-color:#fff!important}
}
@media(max-width:390px){.header{gap:4px;padding-inline:12px}.header .brand{width:98px}.header.menu-open{padding-inline:14px}.header .music-toggle,.header .settings-trigger{width:34px;height:34px}.header .menu-toggle{width:33px;height:34px}.header.menu-open nav{inset-block-start:88px}}
@media(max-height:500px) and (max-width:1100px){.header.menu-open{padding-block:12px}.header.menu-open nav{inset-block-start:72px;padding-top:0}.header nav>a.nav-home,.header nav .nav-group>a{font-size:23px;padding-block:13px!important}.header .nav-disclosure{height:58px}}
@media(max-width:360px){.header{gap:3px;padding-inline:8px}.header .brand{width:86px}.header.menu-open{padding-inline:12px}}