/* INNOLIFE_V4523_TYPOGRAPHY — corporate typography, About de-duplication and media balance */
:root{
  --inn-display-size:clamp(2.75rem,4.2vw,4.5rem);
  --inn-section-title-size:clamp(1.85rem,2.8vw,2.75rem);
  --inn-card-title-size:clamp(1.06rem,1.35vw,1.28rem);
}

/* A calmer corporate type scale across customer-facing pages. */
main h1{
  font-size:var(--inn-display-size)!important;
  line-height:1.01!important;
  letter-spacing:-.042em!important;
  text-wrap:balance;
}
main h2{
  font-size:var(--inn-section-title-size)!important;
  line-height:1.08!important;
  letter-spacing:-.026em!important;
  text-wrap:balance;
}
main h3{
  font-size:var(--inn-card-title-size)!important;
  line-height:1.28!important;
  letter-spacing:-.012em!important;
}
main p{line-height:1.68}

/* About: brand statement remains prominent without dominating the viewport. */
.about-brand-subline{
  margin-top:.18em!important;
  font-size:.46em!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}
.about-lead-professional{
  max-width:68ch!important;
  font-size:clamp(.98rem,1.15vw,1.08rem)!important;
  line-height:1.72!important;
  font-weight:560!important;
}

/* Give the playable corporate video slightly more visual weight on large screens. */
@media (min-width:1101px){
  .about-video-column{
    width:112%!important;
    margin-inline-start:-6%!important;
  }
  .about-hero-video{border-radius:18px!important}
}

/* International pages use the same restrained hierarchy. */
.intl-hero h1{
  font-size:clamp(2.65rem,4.7vw,4.5rem)!important;
  line-height:1.01!important;
  letter-spacing:-.042em!important;
}
.intl-section h2,.intl-contact h2{
  font-size:clamp(1.85rem,2.8vw,2.75rem)!important;
  line-height:1.08!important;
}
.intl-hero>p:not(.eyebrow){
  font-size:clamp(1rem,1.25vw,1.18rem)!important;
  line-height:1.7!important;
}

/* Keep content density professional on medium screens. */
@media (max-width:1100px){
  .about-video-column{width:100%!important;margin-inline-start:0!important}
}
@media (max-width:760px){
  :root{
    --inn-display-size:clamp(2.35rem,11vw,3.35rem);
    --inn-section-title-size:clamp(1.7rem,7vw,2.35rem);
  }
  main h1{line-height:1.04!important;letter-spacing:-.035em!important}
  .about-brand-subline{font-size:.52em!important}
  .about-lead-professional{font-size:1rem!important;line-height:1.66!important}
}