@font-face {
  font-family: 'Rubik';
  src: url('../fonts/vglp-rubik-book.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik';
  src: url('../fonts/vglp-rubik-bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
.c-page { font-family: 'Rubik', Arial, sans-serif; font-size: 18px; line-height: 1.65; font-weight: 400; }
.c-page h1 { font-size: clamp(2.5rem, 4.45vw, 4.35rem); line-height: 1.08; font-weight: 400; letter-spacing: -.045em; text-wrap: balance; overflow-wrap: break-word; }
.c-page h2, .c-page .c-reading-heading { font-size: clamp(1.55rem, 2.3vw, 2rem); line-height: 1.22; font-weight: 700; letter-spacing: -.025em; text-wrap: balance; }
.c-page h3 { font-size: 18px; line-height: 1.4; font-weight: 700; }
.c-page a, .c-page button, .c-page li, .c-page dd { font-size: inherit; }
.c-brand, .c-kicker { font-size: 16px; line-height: 1.5; }
.c-kicker { color: var(--muted); margin-bottom: 16px; }
.c-page ::selection { color: var(--ink); background: var(--gold); }
.c-page--home h1 { font-size: clamp(2.75rem, 5.2vw, 5rem); }
@media (max-width: 680px) {
  .c-page { font-size: 18px; }
  .c-page h1 { font-size: 40px; }
  .c-page--home h1 { font-size: 44px; }
}