/* Tablet header refinement: keeps the desktop navigation while reducing visual weight on iPad widths. */
@media (min-width: 721px) and (max-width: 1100px) {
  .site-header {
    height: 84px;
  }

  .header-inner {
    width: calc(100% - 48px);
    max-width: none;
  }

  .brand {
    width: 72px;
    height: 50px;
    flex: 0 0 72px;
  }

  .desktop-nav {
    gap: 32px;
  }

  .desktop-nav a {
    font-size: 14px;
    letter-spacing: .6px;
  }
}