
/* Make ExperienceSys hero title fit in a single line and stay inside its container */
#intro.aws-hero .aws-hero-copy h1,
#intro.aws-hero #hero-title {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  font-size: clamp(28px, 3.7vw, 46px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.04em !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  overflow: hidden !important;
  text-overflow: clip !important;
}

@media (max-width: 1199px) {
  #intro.aws-hero .aws-hero-copy h1,
  #intro.aws-hero #hero-title {
    font-size: clamp(27px, 3.5vw, 42px) !important;
  }
}

@media (max-width: 991px) {
  #intro.aws-hero .aws-hero-copy h1,
  #intro.aws-hero #hero-title {
    font-size: clamp(26px, 4.6vw, 38px) !important;
  }
}

@media (max-width: 767px) {
  #intro.aws-hero .aws-hero-copy h1,
  #intro.aws-hero #hero-title {
    font-size: clamp(24px, 6vw, 32px) !important;
  }
}
