/* Compact at the top; expand to the page edges after scrolling. */
@media (min-width: 761px) {
  .site-nav {
    width: min(clamp(48rem, 56vw, 64rem), calc(100% - 2rem));
    height: 3.5rem;
    min-height: 3.5rem;
    padding: .4rem 1rem;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 1rem;
  }
  .site-nav:has(.brand) { margin-bottom: -3.5rem; }
  .site-nav .brand, .site-nav .site-brand { font-size: .9rem; }
  .site-nav .nav-cta { font-size: .78rem; padding: .65rem .95rem; }
  .site-nav .site-actions { gap: .5rem; }
  .site-nav .language button { padding: .3rem .4rem; font-size: .68rem; }
  .site-nav .site-links {
    justify-content: center;
    gap: clamp(.9rem, 1.6vw, 1.5rem);
    font-size: .85rem;
    transition: gap .55s cubic-bezier(.2,.8,.2,1);
  }
  .site-nav.is-scrolled { width: 100%; }
  .site-nav.is-scrolled .site-links { gap: clamp(1rem, 3vw, 3rem); }
}
@media (min-width: 761px) and (max-width: 1050px) {
  .site-nav { gap: .8rem; }
  .site-nav .site-links { gap: 1rem; font-size: .82rem; }
  .site-nav.is-scrolled .site-links { gap: 1.1rem; }
  .site-nav .brand, .site-nav .site-brand { font-size: .88rem; }
  .site-nav .nav-cta { font-size: .75rem; padding: .65rem .9rem; }
  .site-nav .site-actions { gap: .5rem; }
}
@media (prefers-reduced-motion: reduce) {
  .site-nav .site-links { transition: none; }
}