@media (max-width:680px) {
  .site-header,
  .nav-shell { height:74px; }
  .brand .brand-wordmark { width:auto; height:34px; }
  .brand i { padding:0; border:0; border-radius:0; font-size:18px; }
  .menu-button { margin-left:12px; font-size:24px; }
  .site-header.menu-open { height:auto; background:#111722f5; backdrop-filter:blur(18px); }
  .site-header.menu-open .nav-shell { height:auto; min-height:74px; align-items:center; }
  .site-header.menu-open .nav-links { grid-column:1/-1; padding:12px 0 20px; display:flex; align-items:flex-start; flex-direction:column; gap:14px; border-top:1px solid #ffffff14; }
}