/* Mobile-only 3D model smoothness and page-specific fixes for inner model pages. */
@media (max-width: 820px) {
  html.is-mobile-performance body.pricing-page .pricing-black-hole-portal,
  html.is-mobile-performance body.about-page .about-galaxy-formation,
  html.is-mobile-performance body.questions-page .questions-signal-hub,
  html.is-mobile-performance body.contact-page .contact-launch-sequence {
    backface-visibility: hidden !important;
    filter: none !important;
    transform-origin: center center !important;
    transform-style: preserve-3d !important;
    will-change: transform, opacity !important;
  }

  html.is-mobile-performance body.pricing-page .pricing-black-hole-portal *,
  html.is-mobile-performance body.about-page .about-galaxy-formation *,
  html.is-mobile-performance body.questions-page .questions-signal-hub *,
  html.is-mobile-performance body.contact-page .contact-launch-sequence * {
    backface-visibility: hidden !important;
    transition-property: transform, opacity !important;
    transition-duration: 120ms !important;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1) !important;
  }

  html.is-mobile-performance body.pricing-page .pricing-black-hole-portal {
    transform: translate3d(0, 0, 0) scale(0.96) !important;
  }

  html.is-mobile-performance body.pricing-page .portal-card-old-one {
    transform:
      translate3d(calc(var(--portal-pull) * 7.8rem), calc(var(--portal-pull) * 5.6rem), 0)
      rotate(calc(-12deg + var(--portal-pull) * 44deg))
      skewX(calc(var(--portal-pull) * -8deg))
      scale(calc(1 - var(--portal-pull) * 0.62)) !important;
  }

  html.is-mobile-performance body.pricing-page .portal-card-old-two {
    transform:
      translate3d(calc(var(--portal-pull) * -7.8rem), calc(var(--portal-pull) * 5rem), 0)
      rotate(calc(10deg + var(--portal-pull) * -42deg))
      skewX(calc(var(--portal-pull) * 8deg))
      scale(calc(1 - var(--portal-pull) * 0.6)) !important;
  }

  html.is-mobile-performance body.pricing-page .portal-card-new-one,
  html.is-mobile-performance body.pricing-page .portal-card-new-two,
  html.is-mobile-performance body.pricing-page .portal-final-presence {
    transition-duration: 150ms !important;
  }

  html.is-mobile-performance body.about-page .about-galaxy-formation {
    transform:
      perspective(900px)
      rotateX(calc(48deg - var(--galaxy-form) * 48deg))
      rotateZ(calc(-14deg + var(--galaxy-progress) * 14deg))
      scale(calc(0.88 + var(--galaxy-form) * 0.04)) !important;
  }

  html.is-mobile-performance body.questions-page .inner-luxury-model,
  html.is-mobile-performance body.questions-page .inner-luxury-model .luxury-scroll-layout,
  html.is-mobile-performance body.questions-page .inner-luxury-model .luxury-scroll-object,
  html.is-mobile-performance body.questions-page .inner-luxury-model .luxury-scroll-sticky {
    overflow: visible !important;
  }

  html.is-mobile-performance body.questions-page .questions-signal-hub {
    width: min(11.2rem, 35vw) !important;
    transform:
      translate3d(0.25rem, 0, 0)
      perspective(980px)
      rotateX(48deg)
      rotateZ(calc(-8deg + var(--signal-progress) * 8deg))
      scale(calc(0.9 + var(--signal-power) * 0.04)) !important;
  }

  html.is-mobile-performance body.questions-page .signal-beam,
  html.is-mobile-performance body.questions-page .signal-beam-particles,
  html.is-mobile-performance body.questions-page .signal-return {
    width: min(13rem, 32vw) !important;
  }

  html.is-mobile-performance body.questions-page .signal-hologram {
    right: -4% !important;
    width: min(7.3rem, 27vw) !important;
  }

  html.is-mobile-performance body.contact-page .contact-launch-sequence {
    width: min(10.6rem, 34vw) !important;
    transform:
      perspective(980px)
      rotateX(48deg)
      rotateZ(calc(-6deg + var(--launch-progress) * 7deg))
      scale(calc(0.82 + var(--launch-power) * 0.04)) !important;
  }

  html.is-mobile-performance body.contact-page .launch-rocket {
    width: min(5.9rem, 20vw) !important;
    height: min(13.1rem, 44vw) !important;
  }

  html.is-mobile-performance body.contact-page .launch-console {
    width: min(14.2rem, 54vw) !important;
    min-height: 5.8rem !important;
  }
}

@media (min-width: 561px) and (max-width: 820px) {
  html.is-mobile-performance body.questions-page .questions-signal-hub {
    width: min(16.5rem, 34vw) !important;
  }

  html.is-mobile-performance body.contact-page .contact-launch-sequence {
    width: min(15.8rem, 32vw) !important;
  }
}