/* The navigation unfolds from the header; the page keeps its scroll position. */
@media(max-width:880px){
  .js{scrollbar-gutter:stable}
  .js.menu-open{overflow:hidden}
  .js body::after{content:"";position:fixed;inset:0;z-index:55;background:rgb(0 0 0 / .62);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .36s ease,visibility 0s linear .4s}
  .js.menu-open body::after{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
  .js.menu-open .site-header{background:#080d10;border-bottom-color:var(--line)}
  .js .nav-links{display:flex;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);clip-path:inset(0 0 100% 0);transition:clip-path .42s cubic-bezier(.22,.61,.36,1),transform .42s cubic-bezier(.22,.61,.36,1),opacity .3s ease,visibility 0s linear .42s;overscroll-behavior:contain}
  .js.menu-open .nav-links{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);clip-path:inset(0 0 0 0);transition-delay:0s}
  .js.motion-off .nav-links,.js.motion-off body::after,.js.motion-off .menu-toggle span{transition:none}
}
@media(prefers-reduced-motion:reduce){.js .nav-links,.js body::after,.menu-toggle span{transition:none}}