body {
  font-family: var(--font-main);
  color: var(--color-text);
  background: var(--color-bg);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

.type-nav {
  font-weight: 500;
  font-size: 0.8125rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.type-title {
  font-weight: 900;
  text-transform: uppercase;
  line-height: 0.95;
  letter-spacing: -0.01em;
  font-size: clamp(2.25rem, 7vw, 6rem);
}

.type-title--lg {
  font-size: clamp(2.75rem, 9vw, 8rem);
}

.type-title--md {
  font-size: clamp(2rem, 6.5vw, 5.5rem);
  overflow-wrap: break-word;
}

.type-title--sm {
  font-size: clamp(1.75rem, 4vw, 3rem);
}

.type-meta {
  font-weight: 400;
  font-size: 0.8125rem;
  color: var(--color-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.type-body {
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 1.6;
  max-width: 65ch;
}

.type-label {
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-muted);
}

blockquote {
  font-weight: 500;
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
  line-height: 1.4;
  max-width: 40ch;
}