.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
}
.nav-brand-text {
  font-family: var(--font-serif);
}
.nav-link.nav-link--cta {
  padding-inline: 1rem;
  border-radius: var(--radius-full);
  border: 1px solid rgba(255, 255, 255, 0.24);
  color: var(--color-text);
}
.nav-link.nav-link--cta:hover {
  border-color: rgba(176, 16, 27, 0.9);
  color: var(--color-text);
}
.nav-toggle {
  flex-direction: column;
}
@media (max-width: 720px) {
  .nav-primary {
    width: 100%;
  }
}
body.nav-open {
  overflow: hidden;
}