/* ============== PRIVACY / LEGAL PAGE ============== */
    .legal-hero {
      padding: 180px 48px 40px;
      max-width: 1000px;
      margin: 0 auto;
    }

    .legal-hero .eyebrow {
      font-family: 'DM Mono', monospace;
      font-size: 12px;
      letter-spacing: 0.4em;
      text-transform: uppercase;
      color: var(--mid);
      margin-bottom: 24px;
      display: flex;
      align-items: center;
      gap: 14px;
    }
    .legal-hero .eyebrow::before {
      content: '';
      width: 40px;
      height: 1.5px;
      background: var(--ink);
    }

    .legal-hero h1 {
      font-family: 'Bebas Neue', sans-serif;
      font-size: clamp(52px, 9vw, 130px);
      line-height: 0.85;
      letter-spacing: 0.005em;
    }
    .legal-hero h1 em {
      font-family: 'Playfair Display', serif;
      font-style: italic;
      font-weight: 400;
      color: var(--mid);
    }

    .legal-hero .updated {
      margin-top: 24px;
      font-family: 'DM Mono', monospace;
      font-size: 12px;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--mid);
    }

    .legal {
      max-width: 1000px;
      margin: 0 auto;
      padding: 40px 48px 120px;
    }

    .legal section {
      padding: 36px 0;
      border-top: 1px solid rgba(10, 10, 10, 0.12);
    }

    .legal h2 {
      font-family: 'Bebas Neue', sans-serif;
      font-size: clamp(28px, 4vw, 44px);
      letter-spacing: 0.02em;
      line-height: 1;
      margin-bottom: 20px;
    }

    .legal h3 {
      font-family: 'Oswald', sans-serif;
      font-weight: 600;
      font-size: 17px;
      letter-spacing: 0.02em;
      margin: 24px 0 8px;
    }

    .legal p,
    .legal li {
      font-family: 'Oswald', sans-serif;
      font-weight: 300;
      font-size: 16px;
      line-height: 1.8;
      color: var(--soft);
    }

    .legal p { margin-bottom: 16px; }

    .legal ul {
      margin: 0 0 16px 0;
      padding-left: 22px;
    }
    .legal li { margin-bottom: 8px; }

    .legal a {
      color: var(--ink);
      text-decoration: underline;
      text-underline-offset: 3px;
      transition: opacity 0.3s;
    }
    .legal a:hover { opacity: 0.6; }

    .legal strong { font-weight: 600; color: var(--ink); }

    @media (max-width: 768px) {
      .legal-hero { padding: 140px 24px 30px; }
      .legal { padding: 30px 24px 80px; }
    }