/* LOUDmusic Impact Foundation — sitewide typography correction.
   Keep the display system, but remove the overly compressed tracking that lets
   large serif headlines visually collide. This file is loaded last on every
   public route so the correction is consistent across page-specific styles. */

body {
  letter-spacing: .006em;
}

/* Large display headlines: retain a slight editorial tuck, not the previous
   -.06em/-.08em compression. */
body :where(
  h1,
  h2,
  h3,
  .hero-headline,
  .section-heading,
  .modern-section h2,
  .modern-pathway-band h2,
  .modern-finale h2,
  .modern-callout strong,
  .modern-path-card h3,
  .investment-lead .big-statement,
  .home-video-content h1,
  .home-foundation-lead h2,
  .home-proof-panel h2,
  .home-route strong,
  .home-role h3,
  .home-focus-emphasis,
  .home-commitment-list h3,
  .home-closing-emphasis,
  .pillar-cta h3,
  .closing h2,
  .final-cta h2,
  .static-page .section-heading,
  .static-page .support-section-heading h1,
  .static-page .contact-routing h1,
  .static-page .sdg-hero h1,
  .static-page .sdg-section-heading h2,
  .static-page .sdg-explorer-intro h2,
  .static-page .sdg-method h2,
  .static-page .sdg-sources h2
) {
  letter-spacing: -.012em !important;
  line-height: .98;
}

/* Supporting copy and controls get a small positive tracking correction so
   Manrope does not close up at the larger editorial sizes. */
body :where(
  p,
  li,
  td,
  th,
  a,
  button,
  label,
  input,
  textarea,
  select,
  .hero-subheadline,
  .section-lead,
  .modern-section p,
  .home-video-subhead,
  .home-closing-copy p,
  .pillar-cta p
) {
  letter-spacing: .006em;
}

/* Preserve intentional utility/eyebrow spacing rather than normalizing labels. */
body :where(
  .section-eyebrow,
  .hero-kicker,
  .mega-eyebrow,
  .mega-link strong,
  .impact-tab,
  .stat-label,
  .impact-metric-label,
  .site-nav-item > summary,
  .site-nav-cta
) {
  letter-spacing: .08em;
}

@media (max-width: 600px) {
  body :where(
    h1,
    h2,
    h3,
    .hero-headline,
    .section-heading,
    .home-video-content h1,
    .pillar-cta h3,
    .static-page .support-section-heading h1,
    .static-page .contact-routing h1,
    .static-page .sdg-hero h1
  ) {
    letter-spacing: -.008em !important;
    line-height: 1.01;
  }
}