@media (max-width: 760px) {
  .site-header {
    min-height: auto;
    padding: .65rem 1rem;
    flex-wrap: wrap;
    gap: .35rem;
  }

  .site-header nav {
    display: flex;
    order: 3;
    width: 100%;
    gap: .35rem;
    padding: .2rem 0 .35rem;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .site-header nav::-webkit-scrollbar {
    display: none;
  }

  .site-header nav a {
    flex: 0 0 auto;
    padding: .35rem .65rem;
    border: 1px solid #c89a4b44;
    border-radius: 99px;
    font-size: .78rem;
    white-space: nowrap;
  }
}