h1, h2, h3, h4, h5, h6, .heading {
  font-family: var(--font-heading);
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 1rem;
}

.hero-title {
  font-size: clamp(60px, 12vw, 150px);
  letter-spacing: 2px;
  margin-bottom: 0.5rem;
}

.section-title {
  font-size: clamp(40px, 8vw, 80px);
  letter-spacing: 1px;
}

.subtitle {
  font-size: clamp(18px, 2vw, 24px);
  color: var(--text-secondary);
}

.tagline {
  color: var(--text-tertiary);
  font-size: 16px;
}

.label {
  font-family: var(--font-body);
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: var(--accent-color);
}