/* One compact heading scale across the site. Body copy and data stay unchanged. */
:root {
  --hqs-title: clamp(36px, 4.5vw, 64px);
  --hqs-section-title: clamp(28px, 2.85vw, 40px);
  --hqs-family-title: clamp(26px, 2.3vw, 32px);
  --hqs-card-title: clamp(24px, 2vw, 28px);
}

h1,
.page-hero h1,
.model-info h1,
.error-page h1,
.editor-content h1 {
  font-size: var(--hqs-title);
  line-height: 1.12;
}

.hero h1 {
  font-size: clamp(52px, 6.4vw, 96px);
  line-height: 1.02;
}

h2,
.banner-inner h2,
.noise-layout h2,
.model-benefits h2,
.suitability-heading h2,
.tech-heading h2,
.technology-feature h2,
.magnum-banner h2 {
  font-size: var(--hqs-section-title);
  line-height: 1.18;
}

.collection-family-heading h2,
.related-section h2,
.editor-content h2,
.contact-panel h2,
.tech-replaceable h2 {
  font-size: var(--hqs-family-title);
  line-height: 1.2;
}

h3 { font-size: 24px; }
.model-card h3,
.all-models .model-card h3,
.featured-copy h3 {
  font-size: var(--hqs-card-title);
  line-height: 1.2;
}
.tech-intro h3 { font-size: 22px; line-height: 1.25; }
.spec-heading,
.model-specifications .spec-heading { font-size: 24px; line-height: 1.25; }
.market-detail h3 { font-size: 24px; }

.page-hero { padding-block: 64px 48px; }
.page-hero .lede { margin-top: 20px; }
.model-info h1 { margin-block: 16px 20px; }
.section-heading { margin-bottom: 32px; }

@media (max-width: 640px) {
  .page-hero { padding-block: 36px 34px; }
  .page-hero .lede { margin-top: 18px; }
  .section-heading { margin-bottom: 24px; }
  .spec-heading,
  .model-specifications .spec-heading { font-size: 22px; }
}