/* Version 83: keep the active transformation content crisp at every scroll position. */
.journey-enabled .journey-story.active,
.journey-manual .journey-story.active {
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}

/* Version 80: mobile hero hierarchy — one action per visual zone. */
@media (max-width: 780px) {
  .intro-enabled .intro-pin {
    padding: 88px 20px 132px;
  }

  .intro-enabled .hero-brand-frame {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 34px 0 52px;
  }

  .intro-enabled .hero-brand-frame > .eyebrow {
    max-width: 260px;
    line-height: 1.45;
  }

  .intro-enabled .hero-brand-frame .hero-wordmark {
    margin: 22px 0 24px;
  }

  .intro-enabled .hero-brand-frame .hero-copy {
    width: 100%;
    max-width: 390px;
  }

  .intro-enabled .hero-copy .hero-slogan {
    font-size: clamp(25px, 7vw, 31px);
    line-height: 1.16;
    margin-bottom: 13px;
  }

  .intro-enabled .hero-proposition > p:last-of-type {
    font-size: 14px;
    line-height: 1.55;
    margin-bottom: 0;
  }

  .intro-enabled .hero-direct-actions {
    align-items: center;
    margin-top: 20px;
  }

  .intro-enabled .hero-direct-actions .button {
    width: min(100%, 330px);
  }

  .intro-enabled .hero-direct-actions .text-link,
  .intro-enabled .hero-brand-frame .round-link {
    display: none;
  }

  .intro-enabled .hero-brand-frame .google-review-proof {
    display: inline-flex;
    flex-wrap: nowrap;
    width: auto;
    max-width: 100%;
    margin-top: 14px;
    padding: 7px 11px;
    gap: 7px;
    font-size: 12px;
  }

  .intro-enabled .hero-brand-frame .google-review-proof img {
    width: 20px;
    height: 20px;
  }

  .intro-enabled .hero-brand-frame .google-review-score {
    font-size: 14px;
  }

  .intro-enabled .hero-brand-frame .google-review-stars {
    font-size: 11px;
  }

  .intro-enabled .hero-brand-frame .google-review-count {
    flex-basis: auto;
    padding-left: 0;
    font-size: 11px;
    white-space: nowrap;
  }

  .intro-skip {
    top: 78px;
    right: 20px;
    font-size: 12px;
  }

  .intro-enabled .intro-bottom {
    bottom: 76px;
    gap: 8px;
  }

  .intro-enabled .intro-bottom > .scroll-cue {
    margin-bottom: 0;
    font-size: 11px;
  }

  .intro-enabled .intro-stages {
    width: 100%;
    justify-content: center;
  }

  .intro-enabled .intro-stages button {
    min-width: 42px;
    padding-inline: 6px;
  }

  .social-float {
    right: 14px;
    bottom: calc(12px + env(safe-area-inset-bottom));
  }

  .social-float summary {
    width: 46px;
    min-width: 46px;
    padding: 0;
    gap: 0;
  }

  .social-float summary > span {
    display: none;
  }

  .social-float summary i {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 780px) and (max-height: 700px) {
  .intro-enabled .hero-brand-frame {
    padding-top: 54px;
  }

  .intro-enabled .hero-brand-frame > .eyebrow,
  .intro-enabled .intro-bottom > .scroll-cue {
    display: none;
  }

  .intro-enabled .intro-bottom {
    bottom: 68px;
  }
}