/* css/pages.css — inner pages (warum, legal) */
.page-hero {
  padding: 140px clamp(20px,5vw,80px) 60px;
  background: linear-gradient(160deg, var(--depth-1), var(--depth-3));
  text-align: center;
}

.page-hero__title {
  font-family: var(--font-display);
  font-size: clamp(40px, 8vw, 80px);
  color: var(--depth-7);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 12px;
}

.page-hero__sub {
  font-size: 13px;
  color: var(--depth-6);
  opacity: 0.7;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.page-content {
  max-width: 760px;
  margin: 0 auto;
  padding: 60px clamp(20px,5vw,40px) 80px;
}

.page-content h2 {
  font-family: var(--font-display);
  font-size: 28px;
  color: var(--depth-7);
  text-transform: uppercase;
  margin: 36px 0 12px;
}

.page-content p, .page-content li {
  font-size: 14px;
  color: #444;
  line-height: 1.8;
  margin-bottom: 12px;
}

.page-content ul { padding-left: 20px; }