/* =========================================================
   Clear Link v1.10.18 — mobile FV heading refinement
   Mobile only. Desktop (>=821px) is intentionally untouched.
   iPhone SE2 / 375px is the baseline.
   ========================================================= */
@media (max-width: 820px){
  /* FV H1 only. Keep all non-FV headings and every PC rule untouched. */
  .home-main .home-hero__panel h1,
  .home-main--future .home-hero__panel h1,
  .site-unified-hero .home-hero__panel h1,
  .site-unified-hero .hero-semantic-title{
    font-size:clamp(27px,7.55vw,32px)!important;
    line-height:1.42!important;
    letter-spacing:.01em!important;
  }

  /* Preserve the full usable line length on phones. */
  .home-main .home-hero__panel h1,
  .site-unified-hero .home-hero__panel h1{
    width:100%!important;
    max-width:100%!important;
  }
}

/* iPhone SE2 / 375px and similar compact phones: ~28px. */
@media (max-width: 390px){
  .home-main .home-hero__panel h1,
  .home-main--future .home-hero__panel h1,
  .site-unified-hero .home-hero__panel h1,
  .site-unified-hero .hero-semantic-title{
    font-size:28px!important;
    line-height:1.43!important;
  }
}

/* Very narrow phones: avoid excessive 4+ line wrapping. */
@media (max-width: 340px){
  .home-main .home-hero__panel h1,
  .home-main--future .home-hero__panel h1,
  .site-unified-hero .home-hero__panel h1,
  .site-unified-hero .hero-semantic-title{
    font-size:26px!important;
    line-height:1.44!important;
  }
}

@media (min-width: 821px){
  /* Intentionally empty: PC FV typography and saved PC line breaks are untouched. */
}


/* v1.11.22 — top FV editorial line break only.
   No global heading JS and no viewport/layout changes. */
.home-main--future .home-hero:not(.site-unified-hero) .home-hero__title-line{
  display:block;
  white-space:nowrap;
}
@media (max-width:390px){
  .home-main--future .home-hero:not(.site-unified-hero) .home-hero__panel h1{
    font-size:27px!important;
  }
}


/* v1.11.23 — TOP FV only: hard stop against legacy mobile typography overrides.
   The legacy first-time stylesheet is loaded globally and previously forced the
   TOP H1 back to 38px+. This selector is intentionally scoped to front-page FV. */
@media (max-width:820px){
  html body main.home-main--future .home-hero.home-hero--reference:not(.site-unified-hero) .home-hero__panel h1.hero-semantic-title{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    font-size:clamp(24px,6.9vw,29px)!important;
    line-height:1.45!important;
    letter-spacing:.01em!important;
    text-align:center!important;
    overflow:visible!important;
  }
  html body main.home-main--future .home-hero.home-hero--reference:not(.site-unified-hero) .home-hero__panel h1.hero-semantic-title > span.home-hero__title-line{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-align:center!important;
  }
}
@media (max-width:360px){
  html body main.home-main--future .home-hero.home-hero--reference:not(.site-unified-hero) .home-hero__panel h1.hero-semantic-title{
    font-size:24px!important;
  }
}