:root {
  --font-site: "Instrument Sans", Arial, sans-serif;
  --text-hero: clamp(2.75rem, 5.6vw, 5.5rem);
  --text-section: clamp(2rem, 4vw, 3.5rem);
  --text-subsection: clamp(1.5rem, 2.7vw, 2.5rem);
  --text-group: 1.125rem;
  --text-body: 1rem;
  --text-small: 0.875rem;
}

body {
  font-family: var(--font-site);
  font-size: var(--text-body);
  line-height: 1.55;
}

h1, h2, h3, h4 {
  margin: 0;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.15;
  text-wrap: balance;
}

h1 { font-size: var(--text-hero); letter-spacing: -0.045em; }
h2 { font-size: var(--text-section); letter-spacing: -0.035em; }
h3 { font-size: var(--text-subsection); letter-spacing: -0.025em; }
h4 { font-size: var(--text-group); }

p, li, .link, .cta {
  font-size: var(--text-body);
}

.preview, nav, .lang button, .kicker, figcaption, footer {
  font-size: var(--text-small);
}