/* css/typography.css */

.display-hero {
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(64px, 10vw, 140px);
  font-weight: 700;
  letter-spacing: -3px;
  line-height: 0.92;
  text-transform: uppercase;
  color: var(--white);
}

.display-section {
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(28px, 4vw, 56px);
  font-weight: 300;
  letter-spacing: 6px;
  text-transform: uppercase;
  color: var(--white);
}

.display-artist {
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(32px, 5vw, 72px);
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 1;
  color: var(--white);
}

.display-feature {
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(56px, 8vw, 112px);
  font-weight: 700;
  letter-spacing: -2px;
  line-height: 0.9;
  text-transform: uppercase;
  color: var(--white);
}

.text-body {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 2;
  color: var(--grey-text);
}

.text-label {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--grey-structural);
}

.text-italic {
  font-family: 'Space Grotesk', sans-serif;
  font-style: italic;
  font-weight: 300;
  font-size: clamp(15px, 1.8vw, 22px);
  color: var(--grey-light);
  line-height: 1.6;
}