/* Mobile-only global scroll polish. Desktop styles remain untouched. */
@media (max-width: 820px), (pointer: coarse) {
  html,
  body {
    overflow-x: clip;
  }

  html.is-mobile-performance .intro-overlay {
    display: grid !important;
    background:
      radial-gradient(circle at center, rgba(238, 201, 129, 0.16), transparent 45%),
      #000000 !important;
  }

  html.is-mobile-performance .intro-logo {
    filter:
      drop-shadow(0 0 18px rgba(6, 12, 21, 0.52))
      drop-shadow(0 0 28px rgba(238, 201, 129, 0.18)) !important;
  }

  html.is-mobile-performance .reveal {
    opacity: 0;
    transform: translate3d(0, 1.05rem, 0) scale(0.985);
    filter: none !important;
    transition:
      opacity 520ms cubic-bezier(0.22, 0.61, 0.36, 1) var(--reveal-delay, 0ms),
      transform 560ms cubic-bezier(0.22, 0.61, 0.36, 1) var(--reveal-delay, 0ms) !important;
    will-change: opacity, transform;
    backface-visibility: hidden;
  }

  html.is-mobile-performance .reveal.visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    will-change: auto;
  }

  html.is-mobile-performance .home-capability-card.reveal,
  html.is-mobile-performance .home-value-card.reveal,
  html.is-mobile-performance .work-card.reveal,
  html.is-mobile-performance .service-card.reveal,
  html.is-mobile-performance .pricing-card.reveal,
  html.is-mobile-performance .feature-card.reveal,
  html.is-mobile-performance .metric-card.reveal {
    transform: translate3d(0, 1.15rem, 0) scale(0.985);
  }

  html.is-mobile-performance .home-capability-card.reveal.visible,
  html.is-mobile-performance .home-value-card.reveal.visible,
  html.is-mobile-performance .work-card.reveal.visible,
  html.is-mobile-performance .service-card.reveal.visible,
  html.is-mobile-performance .pricing-card.reveal.visible,
  html.is-mobile-performance .feature-card.reveal.visible,
  html.is-mobile-performance .metric-card.reveal.visible {
    transform: translate3d(0, 0, 0) scale(1);
  }

  html.is-mobile-performance .luxury-hero,
  html.is-mobile-performance .inner-luxury-hero,
  html.is-mobile-performance .home-section,
  html.is-mobile-performance .section,
  html.is-mobile-performance .site-footer,
  html.is-mobile-performance .lunar-story-sequence,
  html.is-mobile-performance .pricing-portal-section,
  html.is-mobile-performance .about-galaxy-section,
  html.is-mobile-performance .questions-signal-section,
  html.is-mobile-performance .contact-launch-section {
    overflow-x: clip;
  }

  html.is-mobile-performance .mobile-home-lunar-follow-host,
  html.is-mobile-performance .mobile-persistent-model-visual,
  html.is-mobile-performance .luxury-scroll-sticky,
  html.is-mobile-performance .pricing-black-hole-portal,
  html.is-mobile-performance .about-galaxy-formation,
  html.is-mobile-performance .questions-signal-hub,
  html.is-mobile-performance .contact-launch-sequence,
  html.is-mobile-performance .luxury-mechanism,
  html.is-mobile-performance .solar-planet,
  html.is-mobile-performance .moon-component,
  html.is-mobile-performance .earth-image {
    backface-visibility: hidden;
    transform-style: preserve-3d;
    will-change: transform, opacity;
  }

  html.is-mobile-performance .pricing-portal-section *,
  html.is-mobile-performance .about-galaxy-section *,
  html.is-mobile-performance .questions-signal-section *,
  html.is-mobile-performance .contact-launch-section *,
  html.is-mobile-performance .lunar-story-sequence * {
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1) !important;
  }
}

@media (max-width: 430px) {
  html.is-mobile-performance .reveal {
    transform: translate3d(0, 0.85rem, 0) scale(0.99);
    transition-duration: 460ms, 500ms !important;
  }
}

@media (max-width: 820px) and (prefers-reduced-motion: reduce) {
  html.is-mobile-performance .reveal,
  html.is-mobile-performance .reveal.visible {
    opacity: 1 !important;
    transform: none !important;
    transition-duration: 1ms !important;
  }
}