.brand { flex-shrink: 0; }
.site-nav { gap: 5px; justify-content: flex-end; }
.site-nav a {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 7px;
  display: inline-flex;
  gap: 7px;
  min-height: 42px;
  padding: 6px 10px;
  text-decoration: none;
}
.site-nav a svg { color: var(--copper); flex: none; }
.site-nav a:hover,
.site-nav a[aria-current="page"] {
  background: var(--light);
  border-color: var(--line);
  color: var(--copper);
  text-decoration: none;
}
@media (max-width: 630px) {
  header .wrap { gap: 6px; padding-block: 8px; }
  .brand img { width: 55px; height: 55px; }
  .site-nav { gap: 2px; }
  .site-nav a { min-height: 37px; padding: 4px 6px; gap: 5px; }
  .site-nav a svg { width: 16px; height: 16px; }
}