/* Keep every mobile-app hero title inside its copy column and on two lines. */
:is(.ms-hero,.cv-hero,.fr-hero,.c9-hero,.lb-hero,.ep-hero,.sv-app-hero) :is(.ms-hero-copy,.cv-hero-copy,.fr-hero-copy,.c9-hero-copy,.lb-hero-copy,.ep-hero-copy,.sv-app-hero-copy) {
  min-width: 0;
  max-width: 100%;
}
:is(.cv-hero-grid,.fr-hero-layout,.c9-hero-grid,.lb-hero-grid,.ep-hero-grid,.sv-app-hero-grid) {
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
}
:is(.ms-hero,.cv-hero,.fr-hero,.c9-hero,.lb-hero,.ep-hero,.sv-app-hero) h1 {
  box-sizing: border-box;
  max-width: 100%;
  font-size: clamp(32px, 3vw, 44px) !important;
  line-height: 1.14 !important;
  letter-spacing: -.035em !important;
  overflow-wrap: normal;
}
:is(.ms-hero,.cv-hero,.fr-hero,.c9-hero,.lb-hero,.ep-hero,.sv-app-hero) h1 :is(span,em) {
  white-space: nowrap;
}
.cv-hero h1 span,.cv-hero h1 em { display: block; margin-top: 0; }
@media (max-width: 1080px) {
  :is(.cv-hero-grid,.fr-hero-layout,.c9-hero-grid,.lb-hero-grid,.ep-hero-grid,.sv-app-hero-grid) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  :is(.ms-hero,.cv-hero,.fr-hero,.c9-hero,.lb-hero,.ep-hero,.sv-app-hero) h1 {
    font-size: clamp(29px, 4vw, 40px) !important;
  }
}
@media (max-width: 640px) {
  :is(.ms-hero,.cv-hero,.fr-hero,.c9-hero,.lb-hero,.ep-hero,.sv-app-hero) h1 {
    font-size: clamp(23px, 6vw, 30px) !important;
    letter-spacing: -.025em !important;
  }
  html[lang="pl"] :is(.ms-hero,.cv-hero,.fr-hero,.c9-hero,.lb-hero,.ep-hero,.sv-app-hero) h1 {
    font-size: clamp(21px, 5.5vw, 27px) !important;
  }
}