/* Keep the existing navigation in a compact disclosure at every screen size. */
html{--nav-height:76px;--vm-nav-offset:var(--nav-height);scroll-padding-top:calc(var(--vm-nav-offset) + 16px)}
html.vm-nav-hidden{--vm-nav-offset:0px}
header.nav{position:sticky;top:0;min-height:76px!important;padding:8px 4%!important;grid-template-columns:76px minmax(0,1fr) 76px;gap:16px;direction:ltr;transition:transform .24s ease}
html.vm-nav-hidden header.nav{transform:translateY(-100%)}
header.nav .brand{grid-column:2;justify-self:center;margin:0;min-width:0}
header.nav .brand img{width:clamp(200px,19vw,240px);height:auto}
header.nav .menu{display:flex;grid-column:1;grid-row:1;justify-self:start;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;overflow:hidden;background:transparent;color:var(--ivory);border:1px solid #d5aa9955;border-radius:2px;transition:border-color .25s ease,background .25s ease,color .25s ease}
header.nav .menu-icon{position:relative;width:28px;height:26px;display:flex;align-items:center;justify-content:center}
header.nav .menu-bar{position:absolute;left:0;width:28px;height:1px;background:var(--rose);transition:width .25s ease,transform .25s ease}
header.nav .menu-bar:first-child{top:2px}
header.nav .menu-bar:nth-child(2){top:13px}
header.nav .menu-bar:nth-child(3){bottom:1px}
header.nav .menu-monogram{position:relative;display:block;background:var(--deep);padding:1px 3px 1px 1px;font-family:Georgia,serif;font-size:15px;line-height:1;letter-spacing:-2px;color:var(--rose);transition:letter-spacing .25s ease}
header.nav .menu{flex-direction:column;gap:3px;overflow:visible}
header.nav .menu-icon{height:24px}
header.nav .menu-caption{font:9px/1 Arial,sans-serif;letter-spacing:.65px;color:var(--ivory)}
header.nav .menu:hover,header.nav .menu[aria-expanded=true]{border-color:var(--rose);background:#d5aa9912}
header.nav .menu:hover .menu-bar:first-child,header.nav .menu[aria-expanded=true] .menu-bar:first-child{transform:translateX(3px);width:22px}
header.nav .menu:hover .menu-bar:nth-child(3),header.nav .menu[aria-expanded=true] .menu-bar:nth-child(3){transform:translateX(3px);width:22px}
header.nav .vm-language-picker{right:4%;top:50%;transform:translateY(-50%)}
header.nav .navlinks{display:none;position:absolute;top:100%;left:4%;right:auto;width:min(400px,92vw);max-height:calc(100dvh - var(--nav-height) - 12px);overflow-y:auto;overscroll-behavior:contain;background:var(--deep);padding:20px 24px;gap:12px;border:1px solid #d5aa9938;box-shadow:0 16px 28px #071e1826;align-items:stretch;direction:inherit}
header.nav .navlinks.open{display:flex;flex-direction:column;animation:vm-menu-reveal .25s ease both}
@keyframes vm-menu-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
header.nav .nav-group{display:flex;flex-direction:column;align-items:stretch;gap:0!important;font-size:11px!important}
header.nav .nav-group-right{border-top:1px solid #d5aa9938;padding-top:12px}
header.nav .nav-group a{display:flex;align-items:center;min-height:44px;max-width:none;padding:10px 6px;white-space:normal;line-height:1.55}
header.nav .nav-group a:hover{background:#ffffff08}
html[dir=rtl] header.nav .navlinks{direction:rtl}
@media(max-width:1050px){
  html{--nav-height:68px}
  header.nav{min-height:68px!important;padding:6px 5%!important;gap:12px}
  header.nav .brand img{width:min(42vw,210px)}
  header.nav .vm-language-picker{right:5%}
  header.nav .navlinks{left:5%;width:min(400px,90vw)}
}
@media(max-width:550px){
  html{--nav-height:64px}
  header.nav{min-height:64px!important;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px}
  header.nav .brand img{width:min(42vw,180px)}
}
@media(prefers-reduced-motion:reduce){header.nav,header.nav .menu,header.nav .menu-monogram,header.nav .menu-bar{transition:none}header.nav .navlinks.open{animation:none}}