header {
  max-width: 1280px;
  background: var(--paper);
}

header.scrolled { border-color: var(--line); }
header nav a:not(.nav-cta) { color: var(--ink); }
header nav a:not(.nav-cta):hover { color: var(--teal); }
header .nav-cta { color: #fff; background: var(--navy); }
header .menu { color: var(--ink); border-color: var(--line); }

header .logo img,
header .logo svg {
  width: 174px;
  height: auto;
  display: block;
  filter: none;
  mix-blend-mode: multiply;
}

@media (max-width: 600px) {
  header .logo img,
  header .logo svg { width: 156px; }
}

@media (max-width: 960px) {
  header nav { background: #fff; border-color: var(--line); }
}