html { font-size: 100%; -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: var(--font-body);
  font-weight: 400;
  color: var(--parchment);
  background: var(--void);
}
a { color: inherit; }
a, button { -webkit-tap-highlight-color: transparent; }

.wordmark {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 700;
  font-size: clamp(3.6rem, 11vw, 9.5rem);
  letter-spacing: .22em;
  padding-left: .22em; /* optically re-centre tracked caps */
  line-height: 1;
}
.motto {
  margin: .9em 0 0;
  font-family: var(--font-caps);
  font-weight: 500;
  font-size: clamp(.72rem, 1.25vw, 1.05rem);
  letter-spacing: .42em;
  padding-left: .42em;
  text-transform: uppercase;
  color: var(--parchment-dim);
}
.eyebrow {
  margin: 0 0 .55em;
  font-family: var(--font-caps);
  font-size: clamp(.6rem, .9vw, .78rem);
  letter-spacing: .34em;
  padding-left: .34em;
  text-transform: uppercase;
  color: var(--parchment-faint);
}
.since {
  margin: .7em 0 0;
  font-family: var(--font-body);
  font-style: italic;
  font-size: clamp(.95rem, 1.35vw, 1.2rem);
  color: var(--parchment-dim);
  letter-spacing: .02em;
}
.chapter-title {
  margin: 0;
  font-family: var(--font-caps);
  font-weight: 400;
  font-size: clamp(2.4rem, 6.2vw, 6rem);
  line-height: 1.04;
  letter-spacing: .02em;
  text-transform: uppercase;
}
.chapter-note {
  margin: 1.4em 0 0;
  font-style: italic;
  font-size: clamp(1rem, 1.5vw, 1.35rem);
  color: var(--parchment-dim);
}

/* Odometer: rolling digit columns, 1em tall, Cinzel numerals. */
.odometer {
  display: inline-flex;
  align-items: baseline;
  font-family: var(--font-caps);
  font-weight: 600;
  font-size: clamp(2.6rem, 7.4vw, 6.4rem);
  line-height: 1;
  letter-spacing: .04em;
  font-variant-numeric: tabular-nums lining-nums;
}
.odometer .currency { font-size: .62em; margin-right: .08em; transform: translateY(-.06em); display: inline-block; }
.odometer .digits { display: inline-flex; }
.odometer .col { position: relative; height: 1em; overflow: hidden; width: .72em; text-align: center; }
.odometer .roll { display: block; will-change: transform; }
.odometer .roll span { display: block; height: 1em; }
.odometer .sep { width: .32em; text-align: center; }