input,
select,
textarea {
  accent-color: #1f3b2a;
}
/* page header */
html .nav ul {
  gap: clamp(16px, 2.1vw, 34px);
  white-space: nowrap;
}
.nav ul a {
  white-space: nowrap;
}
html .nav .tools {
  gap: clamp(14px, 1.6vw, 26px);
}
html .cta {
  border: 0;
  border-radius: 0;
  padding: 6px 0;
  position: relative;
  background: none;
  white-space: nowrap;
}
html .cta::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 1px;
  background: var(--brass-l);
  transform: scaleX(0.35);
  transform-origin: right;
  transition: transform 0.5s var(--ease);
}
html[dir="ltr"] .cta::after {
  transform-origin: left;
}
html .cta:hover {
  background: none;
  color: var(--ivory);
}
.cta:hover::after {
  transform: scaleX(1);
}
html .nav.lt .cta:hover {
  background: none;
  color: var(--ink);
  border-color: transparent;
}
.nav.lt .cta::after {
  background: var(--brass);
}

@media (max-width: 1180px) {
  html .nav ul {
    gap: 16px;
    font-size: 15px;
  }
  html .nav .cta {
    display: none;
  }
}