.action-arrow {
  width: auto;
  height: auto;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  color: inherit;
  font: 400 12px/1 Arial, sans-serif;
  letter-spacing: 0;
  transform: none;
  vertical-align: middle;
  transition: transform .2s ease, color .2s ease;
}

.primary-link .action-arrow {
  color: #fff;
}

.primary-link:hover .action-arrow {
  background: transparent;
  color: #fff;
  transform: none;
}

.primary-link,
.secondary-link,
.focus-list a,
.contact-card .email {
  transition: transform .22s ease, color .2s ease, background-color .2s ease;
  will-change: transform;
}

.primary-link:hover,
.primary-link:focus-visible,
.secondary-link:hover,
.secondary-link:focus-visible,
.focus-list a:hover,
.focus-list a:focus-visible,
.contact-card .email:hover,
.contact-card .email:focus-visible {
  transform: translateX(4px);
}

.focus-list a {
  width: auto;
  height: auto;
  border: 0;
  background: transparent;
}

.focus-list a:hover {
  background: transparent;
}

.focus-list a:hover .action-arrow,
.contact-card .email:hover .action-arrow {
  background: transparent;
  color: #343b40;
  transform: none;
}

.contact-card .email {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  font-size: clamp(16px, 1.5vw, 22px);
  letter-spacing: -.01em;
}

.topbar .site-menu > a {
  padding: 14px 0;
  font-size: clamp(30px, 3.4vw, 48px);
  line-height: 1.04;
}

@media (max-width: 600px) {
  .action-arrow {
    font-size: 11px;
  }

  .contact-card .email { font-size: 15px; gap: 10px; }
  .topbar .site-menu > a { padding: 12px 0; font-size: 28px; }
}