/* Phone reading hierarchy: page openings are a distinct display tier, while
   story headings retain generous size without competing with the page title. */
.about-hero h1 .about-hero__lead-end { display: inline; }

@media (max-width: 760px), (max-width: 1000px) and (max-height: 500px) and (pointer: coarse) {
  :root {
    --mobile-page-heading-size: clamp(49px, 13.5vw, 62px);
    --mobile-section-heading-size: clamp(32px, 9.4vw, 47px);
    --content-slide-heading-size: var(--mobile-section-heading-size);
  }

  html.home-document .home-hero--stars h1,
  html.reports-document .page-intro h1,
  html.data-document .data-intro h1,
  html.about-document .about-hero h1,
  html.destination-document .destination-intro h1 {
    font-size: var(--mobile-page-heading-size);
    line-height: 1.02;
    letter-spacing: -.055em;
  }

  html.home-document .home-hero--stars h1,
  html.reports-document .page-intro h1,
  html.about-document .about-hero h1 {
    width: calc(100vw - 20px);
    max-width: none;
  }

  html.home-document .home-hero--stars h1,
  html.reports-document .page-intro h1,
  html.about-document .about-hero h1 {
    font-size: clamp(47px, 12.8vw, 58px);
  }

  html.home-document .home-hero--stars h1 {
    font-size: clamp(41px, 12.8vw, 58px);
    margin-inline: 0;
  }

  html.about-document .about-hero h1 {
    width: 100%;
    text-align: center;
    margin-inline: auto;
  }

  html.about-document .about-hero__content,
  html.about-document .about-hero .section-hero__subtext {
    text-align: center;
  }

  html.about-document .about-hero .signal-rule,
  html.about-document .about-hero .section-hero__subtext {
    margin-inline: auto;
  }

  html.reports-document .page-intro h1 {
    margin-left: calc(17px - var(--gutter));
    margin-right: 0;
  }

  html.about-document .about-hero h1 .about-hero__lead-end {
    display: block;
  }

  html.home-document .reveal-scene h2,
  html.home-document .life-scene h2,
  html.home-document .fragments-scene h2,
  html.home-document .manual-scene h2,
  html.home-document .product-preview .preview-copy h2,
  html.home-document .home-final h2,
  html.reports-document .reports-overview__copy h2,
  html.reports-document .report-formats__lead h2,
  html.reports-document .reports-examples h2,
  html.reports-document .case-copy h2,
  html.reports-document .site-close h2,
  html.data-document .data-story h2,
  html.data-document .data-mobile-stage h2,
  html.data-document .site-close h2,
  html.about-document .about-origin h2,
  html.about-document .about-framework h2,
  html.about-document .about-built h2,
  html.about-document .about-turn h2,
  html.about-document .about-team h2,
  html.about-document .about-close h2,
  html.destination-document .destination-contact-intro h2 {
    font-size: var(--mobile-section-heading-size);
    line-height: 1.07;
  }
}

@media (max-width: 350px) {
  html.home-document .home-hero--stars h1 { width: calc(100vw - 10px); }
}