/* One tracking scale for the site's large page and section headings. */
:root { --large-heading-tracking: -.045em; }

html body :is(
  h1,
  .mission h2, .intro h2, .visual h2, .product-copy h2, .docs-panel h2,
  .kt-card h2,
  .deck-page h2,
  .doc-article h2,
  .individual-heading h2,
  .memory-format-page main h2,
  .mx-continuity h2, .mx-routes h2, .mx-custom-heading h2, .mx-mode-heading,
  .pricing-hero-plan h2, .pricing-clarity h2,
  .marketplace-page[data-marketplace-audience] .signup-panel h2,
  .marketplace-opportunities-head h2,
  .closing h2
) {
  letter-spacing: var(--large-heading-tracking);
}

/* Keep coloured lines and the Modes titles on the same tracking scale. */
html body :is(h1, .mx-mode-heading) :is(span, strong) {
  letter-spacing: var(--large-heading-tracking);
}

@media (max-width: 760px) {
  :root { --large-heading-tracking: -.015em; }
}

/* Keep complete words inside the narrowest phone layouts with the wider tracking. */
@media (max-width: 360px) {
  html body .deck-hero h1 { font-size: clamp(48px, 15vw, 55px); }
  html body .download-intro h1 { font-size: clamp(40px, 12.5vw, 44px); }
}