/* ============================================================
   Dean Blankfield — Legal pages (Terms, Privacy). Extends home.css.
   ============================================================ */

.legal { background: var(--paper); min-height: 100vh; }

/* ---- Nav: light variant (for the paper hero) ---- */
.nav--light .nav__brand { color: var(--ink); }
.nav--light .nav__links a { color: rgba(28,28,27,0.74); }
.nav--light .nav__links a:hover { opacity: 1; color: var(--ink); }
.nav--light .nav__cta { background: var(--ink); color: #fff; }
.nav--light .nav__cta:hover { opacity: 1; background: #000; }
.nav--light.scrolled .nav__brand { color: #fff; }
.nav--light.scrolled .nav__links a { color: rgba(255,255,255,0.92); }
.nav--light.scrolled .nav__cta { background: #fff; color: var(--brown); }

/* ---- Hero ---- */
.legal-hero { padding: clamp(122px,14vw,164px) 0 0; }
.legal-hero__eb { display: block; color: var(--brown); }
.legal-hero__title { font-family: var(--inter); font-weight: 700; font-size: clamp(32px,4.8vw,56px); line-height: 1.08; letter-spacing: -0.06em; color: var(--ink); margin-top: 14px; max-width: 20ch; text-wrap: balance; }
.legal-hero__rule { margin: clamp(24px,3.2vw,34px) 0; height: 1px; background: var(--hair); }
.legal-hero__intro { font-size: clamp(16px,1.5vw,18px); line-height: 1.55; letter-spacing: -0.016em; color: var(--muted); max-width: 72ch; text-wrap: pretty; }
.legal-hero__intro p { margin: 0 0 14px; }
.legal-hero__intro p:last-child { margin-bottom: 0; }

/* ---- Body ---- */
.legal-body { padding-top: clamp(44px,5.5vw,72px); padding-bottom: clamp(72px,9vw,120px); }
.legal-sections { display: flex; flex-direction: column; gap: clamp(34px,4vw,48px); max-width: 880px; }
.legal-sec__h { font-family: var(--inter); font-weight: 700; font-size: clamp(20px,2vw,24px); letter-spacing: -0.03em; color: #221815; text-wrap: balance; }
.legal-sec__b { margin-top: 14px; max-width: 70ch; }
.legal-sec__b p { margin: 0 0 12px; font-size: clamp(15px,1.4vw,17px); line-height: 1.62; letter-spacing: -0.016em; color: var(--muted); text-wrap: pretty; }
.legal-sec__b p:last-child { margin-bottom: 0; }

@media (max-width: 600px) {
  .nav--light .nav__links { display: none; }
}