/* Terms and Privacy: quiet, readable, same type as the rest of the site */
.legal { padding: clamp(130px, 15vw, 240px) var(--pad) clamp(70px, 9vw, 140px); max-width: 920px; margin: 0 auto; }
.legal h1 { margin: 0; font: 500 clamp(44px, 7vw, 110px)/.98 var(--serif); letter-spacing: -.025em; }
.lede { margin: clamp(18px, 2vw, 30px) 0 0; font: 400 clamp(18px, 1.7vw, 24px)/1.4 var(--sans); color: #4a4741; }
.prose { margin-top: clamp(40px, 6vw, 90px); border-top: 1px solid #d9d4ca; padding-top: clamp(10px, 2vw, 30px); max-width: 720px; }
.prose h2 { margin: clamp(36px, 4vw, 60px) 0 0; font: 600 clamp(26px, 2.6vw, 38px)/1.1 var(--serif); letter-spacing: -.01em; }
.prose h3 { margin: clamp(30px, 3.4vw, 48px) 0 0; font: 600 clamp(22px, 2.1vw, 30px)/1.15 var(--serif); letter-spacing: -.005em; }
.prose p, .prose li { font: 400 clamp(15px, 1.15vw, 17px)/1.7 var(--sans); color: #35332e; }
.prose p { margin: 14px 0 0; }
.prose ul { margin: 12px 0 0; padding-left: 1.2em; }
.prose li { margin: 6px 0; padding-left: .3em; }
.prose li::marker { color: var(--blush); }
.prose a { text-decoration: underline; text-decoration-color: #c9c4b9; text-underline-offset: 3px; transition: text-decoration-color .3s, color .3s; }
.prose a:hover { color: var(--blush); text-decoration-color: var(--blush); }