/* 2026-09-03: Replace the small lead copy with the supplied speech-bubble asset. */
.page-home .hero__title-bubble {
  position: relative;
  display: block;
  width: clamp(217.5px, 18vw, 255px);
  height: auto;
  aspect-ratio: 1272 / 330;
  margin: 0 0 12px -1px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  filter: none;
  text-shadow: none;
}

.page-home .hero__title-bubble img {
  position: absolute;
  top: -112.7%;
  left: -6.9%;
  display: block;
  width: 113.84%;
  max-width: none;
  height: auto;
}

/* Opening sequence: speech bubble first, then the two main-copy lines. */
body.page-home.motion-ready.home-op-complete .hero__title .hero__title-bubble:first-child {
  transition-delay: 1.15s !important;
}

body.page-home.motion-ready.home-op-complete .hero__title .hero__title-line--adaptive:nth-child(2) {
  transition-delay: 1.55s !important;
}

body.page-home.motion-ready.home-op-complete .hero__title .hero__title-line--adaptive:nth-child(3) {
  transition-delay: 1.72s !important;
}

@media (max-width: 900px) {
  .page-home .hero__title-bubble {
    width: min(35vw, 155px);
    margin: 0 0 10px -1px;
  }
}

@media (max-width: 620px) {
  .page-home .hero__script {
    display: none !important;
  }

  .page-home .hero__title-bubble {
    width: min(55.5vw, 213.75px);
    margin-bottom: 9px;
  }
}

@media (max-width: 390px) {
  .page-home .hero__title-bubble {
    width: min(57vw, 204px);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-home.motion-ready.home-op-complete .hero__title .hero__title-line {
    transition-delay: 0s !important;
  }
}
