.t-display {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: var(--tr-tight);
  line-height: var(--lh-tight);
  text-transform: uppercase;
}

.t-display--xl { font-size: clamp(48px, 8vw, var(--t-6xl)); }
.t-display--lg { font-size: clamp(40px, 6vw, var(--t-5xl)); }
.t-display--md { font-size: var(--t-4xl); }
.t-display--sm { font-size: var(--t-3xl); }

.t-eyebrow {
  font-family: var(--font-body);
  font-size: var(--t-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: var(--tr-widest);
  color: var(--ink-3);
}

.t-eyebrow--accent { color: var(--accent); }

.t-h1 { font-family: var(--font-display); font-weight: 700; font-size: var(--t-3xl); line-height: var(--lh-snug); letter-spacing: var(--tr-tight); }
.t-h2 { font-family: var(--font-display); font-weight: 700; font-size: var(--t-2xl); line-height: var(--lh-snug); letter-spacing: var(--tr-tight); }
.t-h3 { font-family: var(--font-display); font-weight: 700; font-size: var(--t-xl); line-height: var(--lh-snug); letter-spacing: var(--tr-snug); }
.t-h4 { font-family: var(--font-body); font-weight: 700; font-size: var(--t-lg); line-height: var(--lh-snug); }
.t-h5 { font-family: var(--font-body); font-weight: 600; font-size: var(--t-md); line-height: var(--lh-snug); }
.t-h6 { font-family: var(--font-body); font-weight: 600; font-size: var(--t-sm); line-height: var(--lh-snug); text-transform: uppercase; letter-spacing: var(--tr-wide); color: var(--ink-2); }

.t-body { font-size: var(--t-base); line-height: var(--lh-base); color: var(--ink-1); }
.t-body--mute { color: var(--ink-2); }
.t-body--quiet { color: var(--ink-3); }
.t-body--lg { font-size: var(--t-md); }
.t-body--sm { font-size: var(--t-sm); }
.t-body--xs { font-size: var(--t-xs); }

.t-meta {
  font-size: var(--t-xs);
  color: var(--ink-3);
  font-weight: 500;
  letter-spacing: var(--tr-wide);
  text-transform: uppercase;
}

.t-money, .t-num {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum", "ss01";
  letter-spacing: 0;
}

.t-link {
  color: var(--accent);
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  transition: color var(--d-fast) var(--ease-std);
}
.t-link:hover { color: var(--accent-hot); text-decoration: underline; }

.t-strike { text-decoration: line-through; color: var(--ink-3); }