:root {
  --bg: #0d0a08;
  --cream: #f0e7d8;
  --ink: #1b120d;
  --muted: #6d5f52;
  --accent: #e15135;
}
* { box-sizing: border-box; }
html { background: var(--bg); }
body { margin: 0; background: var(--cream); color: var(--ink); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
.legal-header { height: 82px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; background: var(--bg); color: white; }
.legal-brand { font-family: Georgia, "Times New Roman", serif; font-size: 1.1rem; }
.legal-back { font-size: .72rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.legal-main { width: min(calc(100% - 40px), 920px); margin: 0 auto; padding: 80px 0 110px; }
.legal-main h1 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(3.6rem, 14vw, 7.5rem); font-weight: 400; letter-spacing: -.055em; }
.legal-note { max-width: 650px; margin: 24px 0 60px; padding: 22px; background: #dfd1bd; color: #64564a; line-height: 1.6; border-radius: 24px 7px 24px 7px; }
.legal-main section { max-width: 720px; margin: 0 0 45px; }
.legal-main section:nth-of-type(even) { margin-left: auto; }
.legal-main h2 { margin: 0 0 14px; font-family: Georgia, "Times New Roman", serif; font-size: 2rem; font-weight: 400; }
.legal-main p, .legal-main li { color: var(--muted); line-height: 1.7; }
.legal-main ul { padding-left: 20px; }
.legal-footer { padding: 40px 20px; background: var(--bg); color: white; display: flex; flex-direction: column; gap: 16px; }
.legal-footer a { color: #d9c8b5; }
@media (min-width: 700px) {
  .legal-header, .legal-footer { padding-left: 6vw; padding-right: 6vw; }
  .legal-footer { flex-direction: row; justify-content: space-between; }
}