.display {
  font-size: clamp(42px, 4vw, 56px);
  font-weight: 600;
  line-height: 1.1;
}

.title {
  font-size: clamp(32px, 3vw, 42px);
  font-weight: 600;
  line-height: 1.15;
  margin-bottom: var(--space-5);
}

.section-title {
  font-size: 26px;
  font-weight: 600;
  margin-top: var(--space-6);
  margin-bottom: var(--space-4);
}

h3 {
  font-size: 20px;
  font-weight: 600;
  margin-top: var(--space-4);
  margin-bottom: var(--space-2);
}

.subtitle {
  font-size: 16px;
  color: var(--muted);
  line-height: 1.65;
  margin-bottom: var(--space-4);
}

p {
  font-size: 15px;
  line-height: 1.65;
  margin-bottom: var(--space-3);
}

.small {
  font-size: 13px;
  opacity: 0.8;
}

/* Vertical Rhythm Logic */
.title + .subtitle {
  margin-top: var(--space-2);
}

.subtitle + .content {
  margin-top: var(--space-4);
}