/* Legal pages: one readable column on the site's paper ground. */
.legal { max-width: 46rem; margin: 0 auto; padding: clamp(2rem, 6vw, 5rem) var(--sc-gutter) var(--sc-9); }
.legal__home { display: inline-flex; align-items: center; gap: .75rem; color: var(--navy); text-decoration: none; font-size: .8rem; letter-spacing: .18em; text-transform: uppercase; }
.legal__home span { display: block; width: 32px; aspect-ratio: 555 / 438; background: currentColor;
  -webkit-mask: url(assets/mark-mask.png) center / contain no-repeat; mask: url(assets/mark-mask.png) center / contain no-repeat; }
.legal h1 { margin-top: var(--sc-8); font: 400 clamp(2.4rem, 1.6rem + 3vw, 4rem)/1 var(--sc-font-display); letter-spacing: -0.03em; color: var(--navy); }
.legal__meta { margin-top: var(--sc-4); color: var(--sc-ink-soft); font-size: .9rem; }
.legal h2 { margin-top: var(--sc-8); font: 400 1.6rem/1.15 var(--sc-font-display); letter-spacing: -0.015em; color: var(--navy); }
.legal h3 { margin-top: var(--sc-5); font: 500 1.05rem/1.3 var(--sc-font-text); color: var(--navy); }
.legal p, .legal li { color: #34425E; max-width: 68ch; }
.legal p { margin-top: var(--sc-4); }
.legal ul { margin: var(--sc-3) 0 0; padding-left: 1.2rem; }
.legal li + li { margin-top: var(--sc-2); }
.legal a { color: var(--navy); }
.legal__crumbs { margin-top: var(--sc-6); font-size: .85rem; color: var(--sc-ink-soft); }
.legal__lede { margin-top: var(--sc-4); font-size: 1.15rem; max-width: 60ch; }
.legal a.btn { color: var(--sc-accent-ink); text-decoration: none; }
.legal__cta {margin-top: var(--sc-8); display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; }
.legal__foot { margin-top: var(--sc-9); padding-top: var(--sc-5); border-top: 1px solid var(--gold); font-size: .85rem; color: var(--sc-ink-soft); display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; }
