/* Motion Lab navigation: use the existing dropdown on laptop widths.
   Mobile/tablet rules through 1100px and desktop rules above 1400px remain unchanged. */
@media (min-width: 1101px) and (max-width: 1400px) {
  .site-header .nav-wrap { flex-wrap: nowrap; gap: 20px; }
  .site-header .menu-toggle { display: block; margin-left: auto; font-size: 12px; }
  .site-header .menu-toggle span { margin-left: 8px; }
  .site-header .nav-end .compact { display: none; }
  .site-header nav {
    display: none;
    position: absolute;
    top: 94px;
    left: 0;
    right: 0;
    margin: 0;
    background: #fff;
    border-bottom: 1px solid var(--line);
    padding: 22px 28px;
    box-shadow: 0 15px 25px #20335510;
    max-height: calc(100vh - 94px);
    overflow-y: auto;
  }
  .site-header nav.open { display: grid; gap: 20px; }
  .site-header nav a { font-size: 12px; }
}