/* Collapse menu-page navigation before it can collide with the academy identity. */
@media (max-width: 1050px) {
  .menu-header { display: flex; flex-wrap: wrap; height: auto; min-height: 92px; padding: 11px 5%; gap: 10px; }
  .menu-header .brand { flex: 1 1 auto; min-width: 0; }
  .menu-header .brand img { width: 58px; height: 58px; }
  .menu-header .brand .academy-name { font-size: clamp(16px, 2.25vw, 21px); white-space: normal; }
  .menu-header .brand small { font-size: clamp(7px, 1vw, 9px); white-space: normal; }
  .menu-toggle { display: block; margin-left: auto; }
  .menu-home { display: none; }
  .menu-header nav { display: none; flex: 1 0 100%; order: 5; padding: 7px; background: #f1f6fb; border: 1px solid #d9e5f1; border-radius: 11px; }
  .menu-header.menu-open nav { display: flex; flex-direction: column; gap: 2px; }
  .menu-header nav a { padding: 10px 14px; border-radius: 8px; }
  .menu-header nav a:hover { background: #e5effa; }
}