.languages {
  display: flex;
  align-items: center;
  gap: 4px;
}

.languages a {
  color: white;
  text-decoration: none;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .08em;
  padding: 7px 6px;
  border: 1px solid transparent;
}

.languages a:hover,
.languages a.active {
  color: var(--ink);
  background: var(--acid);
  border-color: var(--acid);
}

.localized .hero h1 {
  font-size: clamp(3.8rem, 8.6vw, 8.5rem);
}

@media (max-width: 1100px) {
  .nav nav > a:not(.nav-cta) { display: none; }
}

@media (max-width: 760px) {
  .nav { gap: 8px; }
  .nav nav { gap: 8px; }
  .nav-cta { padding: 9px; font-size: .72rem; }
  .languages { gap: 1px; }
  .languages a { font-size: .6rem; padding: 6px 4px; }
  .localized .hero h1 { font-size: 10.5vw; line-height: .88; }
}