body {
  font-family: var(--font-sans);
  font-weight: 300;
  font-size: var(--text-body);
  line-height: 1.7;
  color: var(--color-anchor);
}

.t-display {
  font-family: var(--font-serif);
  font-size: clamp(52px, 9vw, 96px);
  font-weight: 300;
  line-height: 0.95;
  letter-spacing: 0.01em;
}
.t-h1 {
  font-family: var(--font-serif);
  font-size: clamp(38px, 5vw, 64px);
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: 0.01em;
}
.t-h2 {
  font-family: var(--font-serif);
  font-size: clamp(28px, 3.5vw, 42px);
  font-weight: 300;
  line-height: 1.2;
}
.t-h3 {
  font-family: var(--font-serif);
  font-size: 24px;
  font-weight: 300;
}
.t-body {
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 300;
  line-height: 1.85;
  color: var(--color-mid);
}
.t-label {
  font-family: var(--font-sans);
  font-size: 9px;
  font-weight: 400;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  color: var(--color-nude);
}
.t-caption {
  font-family: var(--font-sans);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.25em;
  text-transform: uppercase;
}
em.sand { font-style: italic; color: var(--color-sand); }