/* ─── PAGE BANNER (plain green, no photo) ────────── */
.page-banner {
  height: 240px;
  background: var(--green-deep);
  padding-bottom: 44px;
}

.page-banner::after {
  background: linear-gradient(135deg, rgba(10,24,16,0.6) 0%, rgba(46,102,71,0.3) 100%);
}

.page-banner h1 { font-size: clamp(32px, 4vw, 50px); }

/* ─── LEGAL CONTENT ──────────────────────────────── */
.legal-body {
  max-width: 820px;
  margin: 0 auto;
  padding: 72px 80px 96px;
}

.legal-meta {
  font-family: 'Lato', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--text-light);
  margin-bottom: 48px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(201,168,76,0.2);
}

.legal-section { margin-bottom: 44px; }

.legal-section h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  font-weight: 600;
  color: var(--green-deep);
  margin-bottom: 14px;
  letter-spacing: 0.3px;
}

.legal-section p {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: var(--text-mid);
  line-height: 1.8;
  margin-bottom: 12px;
}

.legal-section ul { margin: 10px 0 12px 20px; }

.legal-section ul li {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 300;
  color: var(--text-mid);
  line-height: 1.8;
  margin-bottom: 6px;
}

.legal-section a { color: var(--green-deep); text-decoration: underline; }
.legal-section a:hover { color: var(--gold); }

.legal-divider { border: none; border-top: 1px solid rgba(201,168,76,0.15); margin: 40px 0; }

/* ─── RESPONSIVE ─────────────────────────────────── */
@media (max-width: 900px) {
  .page-banner { padding: 0 24px 36px; }
  .legal-body { padding: 48px 24px 64px; }
}