/* Legal pages (mentions légales, CGV): one reading column on the dark ground. */
.page-legal .nav {
  /* Text scrolls under the fixed nav: a solid band keeps the two apart. */
  padding-bottom: 22px;
  background: linear-gradient(var(--bg) 70%, rgba(6, 17, 13, 0));
}
.legal {
  max-width: 680px;
  margin: 0 auto;
  padding: 170px var(--gutter) 90px;
}
.legal .kicker {
  margin: 0 0 14px;
  font-size: 12px;
  letter-spacing: .28em;
  text-transform: uppercase;
  color: var(--mint);
}
.legal h1 {
  margin: 0 0 48px;
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(38px, 6vw, 60px);
  line-height: 1.05;
  letter-spacing: -.03em;
}
.legal section { padding: 28px 0; border-top: 1px solid var(--line); }
.legal h2 {
  margin: 0 0 14px;
  font-family: var(--serif);
  font-weight: 400;
  font-size: 24px;
  letter-spacing: -.01em;
}
.legal h3 { margin: 22px 0 8px; font-size: 15px; font-weight: 600; }
.legal p, .legal address, .legal li {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.65;
  font-style: normal;
  color: var(--ink-body);
}
.legal ul { margin: 0 0 12px; padding-left: 20px; }
.legal a { color: var(--ink); text-underline-offset: 4px; text-decoration-thickness: 1px; }
.legal a:hover { color: var(--mint); }
.legal .updated { margin-top: 28px; font-size: 13px; color: var(--ink-soft); }
.legal .copyright { margin-top: 8px; }

@media (max-width: 820px) {
  .legal { padding: 130px 28px 70px; }
  .legal h1 { margin-bottom: 36px; }
}