/* Keep the existing navigation in a compact disclosure at every screen size. */
html{--nav-height:124px;scroll-padding-top:calc(var(--nav-height) + 16px)}
header.nav{position:sticky;top:0;min-height:124px!important;padding:14px 4%!important;grid-template-columns:48px minmax(0,1fr) 48px;gap:16px;direction:ltr}
header.nav .brand{grid-column:2;justify-self:center;margin:0;min-width:0}
header.nav .brand img{width:clamp(260px,23vw,340px);height:auto}
header.nav .menu{display:flex;grid-column:1;grid-row:1;justify-self:start;align-items:center;justify-content:center;width:48px;height:48px;min-width:48px;min-height:48px;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-monogram{display:block;font-family:Georgia,serif;font-size:20px;line-height:1;letter-spacing:-2px;padding-right:2px;color:var(--rose);transform:translateY(0);transition:transform .35s ease,letter-spacing .35s ease}
header.nav .menu:hover,header.nav .menu[aria-expanded=true]{border-color:var(--rose);background:#d5aa9912}
header.nav .menu:hover .menu-monogram,header.nav .menu[aria-expanded=true] .menu-monogram{transform:translateY(-2px);letter-spacing:0}
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:96px}
  header.nav{min-height:96px!important;padding:12px 5%!important;gap:12px}
  header.nav .brand img{width:min(48vw,260px)}
  header.nav .vm-language-picker{right:5%}
  header.nav .navlinks{left:5%;width:min(400px,90vw)}
}
@media(max-width:550px){
  html{--nav-height:92px}
  header.nav{min-height:92px!important;grid-template-columns:48px minmax(0,1fr) 48px;gap:8px}
  header.nav .brand img{width:min(48vw,240px)}
}
@media(prefers-reduced-motion:reduce){header.nav .menu,header.nav .menu-monogram{transition:none}header.nav .navlinks.open{animation:none}}