/* Shared hero typography — Engines is the reference. Load after page CSS.
   Format 1 (full-bleed) and split/mosaic heroes use the same type scale. */
:root {
  --hero-title-size: clamp(2.6rem, 3.9vw, 4.05rem);
  --hero-title-leading: 1.08;
  --hero-title-tracking: normal;
  --hero-label-size: calc(.82rem + 4px);
  --hero-label-tracking: normal;
}
main > :first-child h1,
main > .hero-x:first-child:not(:has(.hero-tabs)) h1.d1,
.session-hero-cinematic .hero-x-inner h1.d1 {
  font-size: var(--hero-title-size);
  line-height: var(--hero-title-leading);
  letter-spacing: normal;
  margin: 0 0 28px;
}
main > :first-child :is(.eng-kicker, .lib-kicker, .market-kicker, .eyebrow, .pillars) {
  font-size: var(--hero-label-size);
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: normal;
  text-transform: uppercase;
  margin: 0 0 6px;
}
@media (max-width:640px) {
  :root { --hero-title-size: 2.6rem; }
}


/* Session shares the approved headline scale instead of height-based shrink rules. */
.session-hero-cinematic .hero-x-inner h1.d1 { font-size:var(--hero-title-size); line-height:var(--hero-title-leading); letter-spacing:normal; max-width:22ch; }