/* YuanFeng V52.6 — unified primary-page title motion.
   Case categories and the five About sub-pages now use the same Motion Kit
   character fade/reveal language as the main Projects heading. Typography and
   layout remain owned by each page's existing styles. */
html.yf-v526-title-motion .yf-products-intro h1>span>.yf-title-line-inner,
html.yf-v526-title-motion .yf-section-heading .yf-section-heading-inner,
html.yf-v526-title-motion .yf-v526-primary-title .yf-v523-title-inner{visibility:hidden;}

/* Motion Kit replaces plain text with span glyphs. Keep generated glyphs inline
   so the existing page typography and wrapping rules are unchanged. */
html.yf-v526-title-motion [data-yf-pk-title] .pk-split-unit,
html.yf-v526-title-motion [data-yf-pk-title] .pk-word{
  display:inline-block!important;
  width:auto!important;
  max-width:none!important;
  float:none!important;
  white-space:nowrap;
  vertical-align:baseline;
}
html.yf-v526-title-motion .yf-products-intro h1>span>.yf-title-line-inner{
  display:block!important;
  width:auto!important;
}

/* The Projects main-page reference animation is the Motion Kit character reveal,
   not the older whole-line rise. Disable the line-level animation on every
   primary target so all requested pages use the exact same animation layer. */
html.yf-v526-title-motion .yf-products-intro h1>span>.yf-title-line-inner,
html.yf-v526-title-motion .yf-products-intro.yf-title-motion-ready h1>span>.yf-title-line-inner,
html.yf-v526-title-motion .yf-section-heading .yf-section-heading-inner,
html.yf-v526-title-motion .yf-section-heading.yf-heading-motion-ready .yf-section-heading-inner,
html.yf-v526-title-motion .yf-v526-primary-title .yf-v523-title-inner,
html.yf-v526-title-motion.yf-v523-title-reveal-ready .yf-v526-primary-title.is-revealed .yf-v523-title-inner{
  animation:none!important;
  transform:none!important;
  opacity:1!important;
  will-change:auto!important;
}
html.yf-v526-title-motion [data-yf-pk-title] .pk-split-unit{
  transform-origin:50% 100%;
  backface-visibility:hidden;
}

@media(prefers-reduced-motion:reduce){
  html.yf-v526-title-motion .yf-products-intro h1>span>.yf-title-line-inner,
  html.yf-v526-title-motion .yf-section-heading .yf-section-heading-inner,
  html.yf-v526-title-motion .yf-v526-primary-title .yf-v523-title-inner{
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
  }
}