.site-header--static{
  position: relative;
  background: var(--void);
  color: var(--white);
  mix-blend-mode: normal;
}
.site-nav--static{
  font-weight: 600;
  font-size: 0.98rem;
}
.site-nav--static a{
  border: 1.5px solid currentColor;
  padding: 0.55rem 1.1rem;
  border-radius: 2px;
}

.legal{
  max-width: 760px;
  margin: 0 auto;
  padding: clamp(3rem, 8vw, 5rem) var(--gutter) clamp(4rem, 8vw, 6rem);
}
.legal h1{
  font-size: clamp(2.2rem, 5vw, 3rem);
}
.legal-updated{
  margin-top: 0.75rem;
  color: var(--ash);
}
.legal section{
  margin-top: 2.6rem;
}
.legal h2{
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.legal p{
  color: #333;
  max-width: 68ch;
}
.legal p + p{ margin-top: 1rem; }
.legal a{
  color: var(--ink);
  border-bottom: 1.5px solid var(--ash);
}
.legal a:hover{ border-color: var(--ink); }
.legal strong{ font-weight: 700; }
.legal ul{
  margin-top: 0.75rem;
  padding-left: 1.2rem;
  list-style: disc;
  max-width: 68ch;
  color: #333;
}
.legal li + li{ margin-top: 0.4rem; }

.site-footer p a{
  border-bottom: 1px solid transparent;
}
.site-footer p a:hover{
  border-color: currentColor;
}