@media (max-width: 540px) {
  .header-inner { min-height: 82px; gap: 8px; }
  .brand { min-width: 0; flex: 1 1 auto; }
  .wordmark { min-width: 0; gap: 8px; }
  .wordmark-logo { width: 50px; height: 50px; }
  .wordmark-name { min-width: 0; }
  .wordmark-name strong { font-size: 16px; white-space: nowrap; }
  .wordmark-name small {
    display: block;
    margin-top: 4px;
    font-size: 10px;
    letter-spacing: 0.08em;
    white-space: nowrap;
  }
  .nav { flex: none; gap: 0; }
  .nav .nav-cta {
    width: auto;
    min-height: 42px;
    padding: 0 10px;
    overflow: visible;
    color: var(--navy);
    font-size: 12px;
    white-space: nowrap;
  }
  .nav .nav-cta::after { content: none; }
}

@media (max-width: 360px) {
  .wrap { width: min(var(--max), calc(100% - 24px)); }
  .header-inner { gap: 6px; }
  .wordmark { gap: 6px; }
  .wordmark-logo { width: 46px; height: 46px; }
  .wordmark-name strong { font-size: 15px; }
  .wordmark-name small { font-size: 9px; }
  .nav .nav-cta { padding: 0 8px; font-size: 11px; }
}