.wordmark {
  /* em keeps the optical spacing proportional at every wordmark size. */
  --kern-s-t: -.035em;
  --kern-t-a: -.02em;
  --kern-a-g: -.065em;
  --kern-g-e: -.04em;
  --kern-e-c: -.035em;
  --kern-c-r: -.02em;
  --kern-r-a: -.03em;
  --kern-a-f: -.035em;
  --kern-f-t: -.015em;
  --initial-size: 105%;
  --tm-size: 17.5%;
  --tm-gap: .45em;
  --tm-lift: -.15em;

  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: .015em;
  font-kerning: normal;
  font-feature-settings: "kern" 1;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
}

.wordmark sup {
  position: relative;
  top: var(--tm-lift);
  margin-inline-start: var(--tm-gap);
  font-size: var(--tm-size);
  line-height: 1;
  letter-spacing: 0;
  vertical-align: super;
}

.wordmark__initial { font-size: var(--initial-size); }
.wordmark__kern--st { margin-inline-start: var(--kern-s-t); }
.wordmark__kern--ta { margin-inline-start: var(--kern-t-a); }
.wordmark__kern--ag { margin-inline-start: var(--kern-a-g); }
.wordmark__kern--ge { margin-inline-start: var(--kern-g-e); }
.wordmark__kern--ec { margin-inline-start: var(--kern-e-c); }
.wordmark__kern--cr { margin-inline-start: var(--kern-c-r); }
.wordmark__kern--ra { margin-inline-start: var(--kern-r-a); }
.wordmark__kern--af { margin-inline-start: var(--kern-a-f); }
.wordmark__kern--ft { margin-inline-start: var(--kern-f-t); }