footer a { color: inherit; text-underline-offset: 3px; }
.legal { padding: 70px 0 110px; max-width: 820px; }
.legal h1 { font-size: clamp(48px, 8vw, 84px); line-height: .9; letter-spacing: -.075em; margin: 20px 0 34px; }
.legal h1 em { color: var(--orange); font-style: normal; }
.legal h2 { font-size: 25px; letter-spacing: -.035em; margin: 45px 0 12px; }
.legal h3 { font-size: 17px; margin: 28px 0 8px; }
.legal p, .legal li { color: #41483f; line-height: 1.65; }
.legal li + li { margin-top: 8px; }
.legal .effective { color: var(--muted); font: 11px var(--mono); text-transform: uppercase; }
.legal .callout { background: #e8e6de; border-left: 5px solid var(--orange); color: var(--ink); padding: 18px 20px; }
.legal a { color: var(--ink); text-decoration-color: var(--orange); text-underline-offset: 3px; }
.legal table { border-collapse: collapse; margin: 18px 0; width: 100%; }
.legal th, .legal td { border-bottom: 1px solid var(--line); line-height: 1.45; padding: 12px; text-align: left; vertical-align: top; }
.legal th { font: 11px var(--mono); text-transform: uppercase; }
@media (max-width: 620px) {
  .legal table, .legal thead, .legal tbody, .legal tr, .legal th, .legal td { display: block; }
  .legal thead { position: absolute; left: -9999px; }
  .legal td { padding-left: 0; }
}