/*
  AW China Access - V51 launch motion and reliability layer
  Restores the approved scroll motion when JavaScript is available while
  keeping core content visible when JavaScript is blocked or unavailable.
*/

/* Keep the active request-page CTA legible in every header state. */
html body.request-v2 .site-nav .nav-cta,
html body.request-v2 .site-nav .nav-cta.active,
html body.request-v2 .site-header.scrolled .site-nav .nav-cta,
html body.request-v2 .site-header.is-scrolled .site-nav .nav-cta {
  color: #fff !important;
  background: #7a263a !important;
  border-color: #7a263a !important;
}

/* No-JavaScript fallback: the early head script adds .js-enabled before CSS
   paints. Without it, motion targets remain visible and fully usable. */
html:not(.js-enabled) body.cba-page .flow,
html:not(.js-enabled) body.cba-page .flow-reveal,
html:not(.js-enabled) body.cba-page .reveal,
html:not(.js-enabled) body.cba-page .rv,
html:not(.js-enabled) body.cba-page .fade-up,
html:not(.js-enabled) body.cba-page [data-reveal],
html:not(.js-enabled) body.cba-page .request-form,
html:not(.js-enabled) body.cba-page .next-card,
html:not(.js-enabled) body.cba-page .request-hero-card,
html:not(.js-enabled) body.cba-page .request-shape-grid article,
html:not(.js-enabled) body.cba-page .contact-band-row a,
html:not(.js-enabled) body.cba-page .v19-capability-row article,
html:not(.js-enabled) body.cba-page .v19-steps article,
html:not(.js-enabled) body.cba-page .v19-support-grid article,
html:not(.js-enabled) body.cba-page .v19-testimonial-grid blockquote,
html:not(.js-enabled) body.cba-page .culture-strip figure,
html:not(.js-enabled) body.cba-page .why-v27-head,
html:not(.js-enabled) body.cba-page .why-v27-points article,
html:not(.js-enabled) body.cba-page .site-footer-v27 {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Preserve the approved card hover movement after the visibility safeguard. */
html body.cba-page .sector-card.flow:hover,
html body.cba-page .scene-card.flow:hover,
html body.cba-page .story-card.flow:hover,
html body.cba-page .journey-card.flow:hover,
html body.cba-page .work-step.flow:hover {
  transform: translateY(-5px) !important;
}

/* No-JavaScript mode must never retain stagger delays. */
html:not(.js-enabled) body.cba-page [data-reveal],
html:not(.js-enabled) body.cba-page .flow,
html:not(.js-enabled) body.cba-page .flow-reveal,
html:not(.js-enabled) body.cba-page .reveal,
html:not(.js-enabled) body.cba-page .rv,
html:not(.js-enabled) body.cba-page .fade-up {
  transition-delay: 0s !important;
}

@media (prefers-reduced-motion: reduce) {
  html body.cba-page *,
  html body.cba-page *::before,
  html body.cba-page *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}