@font-face {
  font-family: 'Inter';
  src: url('./InterVariable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --font: 'Inter', Arial, sans-serif;
  --body: 'Inter', Arial, sans-serif;
  --mono: 'Inter', Arial, sans-serif;
}

body {
  font-optical-sizing: auto;
  font-synthesis: none;
}

h1, h2, h3 {
  font-weight: 600;
}

.hero h1 {
  font-weight: 600;
}

.hero h2 {
  font-weight: 550;
  line-height: 1.22;
}

.eyebrow, .mono, .plan-type, .study-heading, .study-meta,
.media-topline, .result-context, .journey-progress, .reel-label {
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}

.wordmark {
  font-weight: 750;
}

.journey-choice strong, .reel-caption strong, .study-content h4,
.study-directions strong, .study-resources strong, .study-timeline strong {
  font-weight: 600;
}

.study-script {
  line-height: 1.95;
}