.nav-strip {
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  display: flex;
  justify-content: center;
}

.nav-strip a {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--warm-gray);
  padding: 0.7rem 1.4rem;
  border-right: 1px solid var(--rule);
  transition: color 0.2s, background 0.2s;
}

.nav-strip a:first-child {
  border-left: 1px solid var(--rule);
}

.nav-strip a:hover {
  color: var(--ink);
  background: rgba(200, 147, 58, 0.06);
}

.nav-strip a:hover::after {
  content: '';
  display: block;
  height: 1px;
  background: var(--gold);
  margin-top: -1px;
}

@media (max-width: 640px) {
  .nav-strip {
    flex-wrap: wrap;
    border-top: none;
  }
  .nav-strip a {
    font-size: 9px;
    padding: 0.5rem 0.9rem;
  }
}