@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@200;300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Spectral:ital,wght@0,400;1,400&display=swap');

body {
  font-family: 'Work Sans', system-ui, sans-serif;
  font-weight: 400;
  font-size: var(--body);
  line-height: 1.7;
  color: var(--ink-muted);
  background: var(--bg);
}

h1, h2, h3, h4 {
  font-family: 'Work Sans', sans-serif;
  font-weight: 200;
  color: var(--ink);
  letter-spacing: var(--ls-display);
  line-height: 1.1;
}

h1 { font-size: var(--hero-display); }
h2 { font-size: var(--section-display); }
h3 { font-size: var(--heading); font-weight: 500; }

.eyebrow {
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-size: var(--eyebrow);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--accent);
}

.meta-row {
  font-family: 'JetBrains Mono', monospace;
  font-size: var(--meta-size);
  color: var(--meta);
  letter-spacing: 0.04em;
}

em {
  font-family: 'Spectral', serif;
  font-style: italic;
  font-weight: 400;
  color: var(--accent);
}

.container {
  max-width: var(--content-max);
  margin: 0 auto;
  padding: 0 var(--gutter);
}

.section { padding-block: var(--section-pad); }

hr { border: none; border-top: 1px solid var(--rule); margin-block: var(--space-5); }