/* =========================================================
   FUTURE OS 6.2.0 — PUBLIC SITE TYPOGRAPHY HOTFIX
   Keeps the public cinematic site on its intentional display
   scale while the Unified Design System remains sovereign in app.
   ========================================================= */

/* Public website typography is intentionally independent from the
   denser product UI typography used inside body.fsq-aurora. */
body.cinematic-site{
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

/* HERO — restore the original cinematic scale and rhythm. */
body.cinematic-site .future-hero .future-copy h1{
  font-family:"Space Grotesk","Inter",sans-serif!important;
  font-size:clamp(58px,7vw,105px)!important;
  line-height:.92!important;
  letter-spacing:-.065em!important;
  font-weight:600!important;
  margin:22px 0!important;
  text-wrap:balance;
}
body.cinematic-site .future-hero .future-copy h1 span{
  font-weight:500!important;
}
body.cinematic-site .future-hero .future-copy h1 strong{
  font-weight:700!important;
}
body.cinematic-site .future-hero .future-copy>p{
  max-width:690px!important;
  font-size:18px!important;
  line-height:1.75!important;
  letter-spacing:0!important;
}

/* SECTION HEADINGS — one proportional scale across the public site. */
body.cinematic-site .section-head h2,
body.cinematic-site .platform-copy h2,
body.cinematic-site .vision-box h2,
body.cinematic-site .contact-grid h2{
  font-family:"Space Grotesk","Inter",sans-serif!important;
  font-size:clamp(42px,5vw,72px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  font-weight:600!important;
  text-wrap:balance;
}
body.cinematic-site .section-head h2 em,
body.cinematic-site .vision-box h2 em{
  font-style:normal!important;
  font-weight:650!important;
}
body.cinematic-site .section-head>p{
  font-size:16px!important;
  line-height:1.7!important;
  max-width:530px!important;
}

/* Card titles retain hierarchy without competing with section titles. */
body.cinematic-site .capability h3,
body.cinematic-site .mission-card h3,
body.cinematic-site .product-card h3{
  font-family:"Space Grotesk","Inter",sans-serif!important;
  letter-spacing:-.025em!important;
}

/* Responsive scale: same hierarchy, no abrupt visual jump. */
@media (max-width:1050px){
  body.cinematic-site .future-hero .future-copy h1{
    font-size:clamp(56px,9vw,86px)!important;
  }
  body.cinematic-site .section-head h2,
  body.cinematic-site .platform-copy h2,
  body.cinematic-site .vision-box h2,
  body.cinematic-site .contact-grid h2{
    font-size:clamp(40px,6vw,62px)!important;
  }
}

@media (max-width:700px){
  body.cinematic-site .future-hero .future-copy h1{
    font-size:clamp(48px,16vw,72px)!important;
    line-height:.94!important;
  }
  body.cinematic-site .future-hero .future-copy>p{
    font-size:15px!important;
    line-height:1.7!important;
  }
  body.cinematic-site .section-head h2,
  body.cinematic-site .platform-copy h2,
  body.cinematic-site .vision-box h2,
  body.cinematic-site .contact-grid h2{
    font-size:clamp(38px,11vw,48px)!important;
    line-height:1.02!important;
  }
  body.cinematic-site .section-head>p{
    font-size:14px!important;
  }
}