/* Cognition One — Apple-grade typography */

:root { --maxw: 1120px; }

.hero h1 {
  font-size: clamp(42px, 6vw, 68px);
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.03;
}

.subtitle {
  font-size: clamp(18px, 2.2vw, 22px);
  font-weight: 400;
  letter-spacing: -0.01em;
}

.pillars .pillar h3 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.015em;
}

.pillars .pillar p {
  font-size: 16px;
  line-height: 1.75;
  color: var(--muted);
  max-width: 54ch;
}

.statement p {
  font-size: clamp(18px, 2.2vw, 24px);
  letter-spacing: -0.01em;
}

.nav, .hero, .pillars, .statement, .footer {
  max-width: var(--maxw);
  margin-left: auto;
  margin-right: auto;
}