.legal-head { height: auto; padding-bottom: 0; }
.legal { background: var(--c-white); padding: 72px 0 140px; }
.legal__doc { max-width: 760px; margin: 0 auto; padding-inline: var(--grid-margin); font: 400 17px/1.6 var(--f-sans); color: var(--c-black); }
.legal__doc h1 { font: 400 90px/1 var(--f-display); letter-spacing: -0.01em; margin: 0 0 48px; }
.legal__doc h2 { font: 400 44px/1.1 var(--f-display); margin: 72px 0 20px; }
.legal__doc h2:first-of-type { margin-top: 0; }
.legal__doc h3 { font: 500 22px/1.25 var(--f-sans); margin: 44px 0 12px; }
.legal__doc p, .legal__doc li { margin: 0 0 12px; }
.legal__doc ul { padding-left: 20px; margin: 0 0 16px; }
.legal__doc a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.legal__doc hr { border: 0; border-top: 1px solid var(--c-ink-20); margin: 56px 0; }
.legal__doc h2:first-of-type + ul { background: var(--c-mist); border-radius: var(--r-md); padding: 24px 28px 14px 44px; }
.legal__doc table { width: 100%; border-collapse: collapse; margin: 16px 0 20px; font-size: 15px; }
.legal__doc th, .legal__doc td { text-align: left; vertical-align: top; padding: 10px 12px 10px 0; border-bottom: 1px solid var(--c-ink-20); }
.legal__doc th { font: 500 13px/1.3 var(--f-mono); text-transform: uppercase; letter-spacing: .04em; color: var(--c-ink-60); }
.legal-head { height: 150px; }
.legal-head { overflow: visible; position: relative; z-index: 5; }