.legal-page {
  padding: 76px 0 110px;
}
.legal-layout {
  max-width: 860px;
}
.legal-eyebrow {
  color: #a9580c;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.legal-page h1,
.legal-page h2 {
  font-family: "Space Grotesk", sans-serif;
  font-weight: 400;
  letter-spacing: -.045em;
}
.legal-page h1 {
  margin: 10px 0 18px;
  font-size: clamp(44px, 7vw, 76px);
  line-height: 1;
}
.legal-page h2 {
  margin: 44px 0 10px;
  font-size: clamp(26px, 4vw, 38px);
  line-height: 1.08;
}
.legal-page p,
.legal-page li {
  max-width: 70ch;
  color: #56565b;
  font-size: 16px;
  line-height: 1.75;
}
.legal-page ul {
  padding-left: 1.2rem;
}
.legal-page a {
  color: #a9580c;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.legal-note {
  margin-top: 28px;
  padding: 18px 20px;
  border: 1px solid #f0c38f;
  border-radius: 16px;
  background: #fff1df;
  color: #80470f;
}
.legal-note p {
  margin: 0;
  color: inherit;
}
@media (max-width: 760px) {
  .legal-page { padding: 52px 0 76px; }
  .legal-page p, .legal-page li { font-size: 15px; }
}