/* ============================================================
   Phones: looser letter-spacing on headings, every page.
   The desktop tracking (-0.03em to -0.06em) is tuned for large type and
   crowds the letters once headings drop to phone sizes. Loaded last, with
   the same selectors as the rules it softens.
   ============================================================ */
@media (max-width: 768px) {
  .section-intro h2,
  .service-card-body h3,
  .case-card h3,
  .products-heading,
  .contact-copy h1,
  .faq-copy h1,
  .faq-copy h2,
  .hero-title,
  .cta-type-heading,
  .srv-heading,
  .srv-card-title,
  .cs-heading,
  .cs-milestone:not(.is-figure) .cs-milestone-title,
  .ts-header h2,
  .services-v3 .svc-intro h2,
  .services-v3 .svc-detail-title,
  .svc-scroll-intro h2,
  .svc-card-title,
  .why-system-copy h2,
  .services-system-header h2,
  [data-reveal-block] .reveal-text,
  [data-reveal-block] .reveal-text-statement,
  [data-reveal-block] .reveal-text[data-dot-highlight],
  .testimonial-card blockquote,
  .svp-heading,
  .svp-hero-title,
  .svp-bigline,
  .svp-row-title,
  .svp-band-title,
  .svp-band-row-title,
  .svp-duo-title,
  .svp-band-closing,
  .svp-billboard-line,
  .svp-cta-title,
  .svp-more-title,
  .cp-question-body .cp-then,
  .cp-step-copy h3,
  .cp-dept-name,
  .cp-culture-title,
  .cp-culture-copy .cp-culture-line,
  .company-page .svp-cta-title,
  .page-team .svp-hero-title,
  .page-team .svp-heading,
  .page-team .cp-dept-name,
  .page-team .cp-culture-title,
  .page-team .svp-cta-title {
    letter-spacing: -0.025em;
  }
}