/* Typography */
html, body {
  background: var(--white);
  color: var(--ink);
  font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  font-weight: 400;
  line-height: 1.5;
}
a { color: var(--ink); }
a:hover { color: var(--blue); }

.eyebrow {
  font-size: 14px;
  color: var(--blue);
  font-weight: 500;
  letter-spacing: 0.01em;
  margin: 0 0 12px;
}
.display {
  font-weight: 600;
  letter-spacing: -0.035em;
  line-height: 1.05;
  font-size: clamp(40px, 8vw, 80px);
  margin: 0 0 12px;
}
.display--thin { font-weight: 300; }
.kicker {
  font-size: clamp(18px, 2.2vw, 22px);
  color: var(--mute);
  font-weight: 400;
  max-width: 640px;
  margin: 0 auto;
}
.center { text-align: center; }

h1 { font-size: clamp(36px, 6vw, 64px); font-weight: 600; letter-spacing: -0.03em; line-height: 1.08; }
h2 { font-size: clamp(28px, 4vw, 44px); font-weight: 600; letter-spacing: -0.02em; line-height: 1.1; }
h3 { font-size: clamp(22px, 3vw, 32px); font-weight: 600; letter-spacing: -0.015em; }
h4 { font-size: 20px; font-weight: 600; }

em.accent { font-style: normal; color: var(--blue); font-weight: 600; }