:root {
  --mc-type-display: clamp(34px, calc(4.6vw + 2px), 53px);
  --mc-type-section: clamp(24px, 2.8vw, 36px);
  --mc-type-subsection: 18px;
  --mc-type-body: 16px;
  --mc-type-lead: 17px;
  --mc-type-eyebrow: 12px;
  --mc-type-caption: 12px;
  --mc-type-ui: 16px;
}

body {
  font-family: 'Glacial Indifference', Arial, sans-serif !important;
  font-size: var(--mc-type-body) !important;
}

h1 {
  font-size: var(--mc-type-display) !important;
  line-height: 1.04;
}

h2 {
  font-size: var(--mc-type-section) !important;
  line-height: 1.12;
}

h3 {
  font-size: var(--mc-type-subsection) !important;
  line-height: 1.2;
}

.categories h2 {
  font-size: var(--mc-type-ui) !important;
}

.side h2,
.submit-notice h2 {
  font-size: var(--mc-type-subsection) !important;
}

.hero-copy,
.hero-lead {
  font-size: var(--mc-type-lead) !important;
}

.eyebrow {
  font-size: var(--mc-type-eyebrow) !important;
}

@media (max-width: 560px) {
  :root {
    --mc-type-display: 32.4px;
    --mc-type-section: 27px;
    --mc-type-subsection: 16.2px;
    --mc-type-body: 14.4px;
    --mc-type-lead: 14.4px;
    --mc-type-eyebrow: 10.8px;
    --mc-type-caption: 10.8px;
    --mc-type-ui: 14.4px;
  }
}