/* Typography - PrintEclipse */

@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Serif+Display:ital@0;1&display=swap');

.t-display {
  font-family: var(--font-title);
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.05;
}

.t-h1 {
  font-size: clamp(3rem, 8vw, 7.5rem);
}

.t-h2 {
  font-size: clamp(2rem, 5vw, 4rem);
}

.t-h3 {
  font-size: clamp(1.25rem, 2.5vw, 1.75rem);
}

.t-body {
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.01em;
}

.t-label {
  font-family: var(--font-body);
  font-size: 0.722rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.t-mono-sm {
  font-family: var(--font-body);
  font-size: 0.667rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}

.t-massive {
  font-family: var(--font-title);
  font-style: italic;
  font-size: clamp(6rem, 15vw, 12.5rem);
  line-height: 0.9;
  letter-spacing: -0.03em;
  color: var(--surface);
}