/* Wheeling2Help — Motion Calm V7, 2026-11
   One motion system, no scroll-linked section transforms or repeated reveals.
   Phone: opacity-only micro fades. Desktop: subtle lift on small pieces only.
*/
/* Stop older reveal layers from animating entire sections / nested cards.
   Older JS no longer adds the classes; rules also sanitize cached markup. */
[data-reveal].is-visible { animation:none!important; }
[data-stage].stage-ready,
[data-stage].stage-ready.stage-visible,
.cozy-reveal,
.cozy-reveal.cozy-visible {
  animation:none!important;
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}
/* Avoid animating the full-screen hero image or drifting large film photos while scrolling. */
.hero-cinematic .hero-photo,
.hero-cinematic .hero-photo img {
  transform:none!important;
  animation:none!important;
  will-change:auto!important;
}
.film-photo img { animation:none!important; will-change:auto!important; }
/* Single gentle hero entrance, no blur/scale/slide that can cause text judder. */
@keyframes w2h-calm-hero-in { from{opacity:.55} to{opacity:1} }
.hero-cinematic .hero-copy {
  animation:w2h-calm-hero-in .65s ease-out both!important;
  filter:none!important;
  will-change:auto!important;
}
/* Never hide pages/sections; only chosen individual, small pieces are enhanced. */
@media (prefers-reduced-motion:no-preference) {
  .w2h-motion-item {
    transition:opacity .54s cubic-bezier(.2,.7,.25,1), transform .54s cubic-bezier(.2,.7,.25,1)!important;
    transition-delay:0s!important;
  }
  .w2h-motion-item.w2h-motion-pending { opacity:.91!important; transform:translate3d(0,8px,0)!important; }
  .w2h-motion-item.w2h-motion-shown { opacity:1!important; transform:none!important; will-change:auto!important; }
}
/* Mobile/tablet: NO scroll-linked vertical transforms; touch scroll stays native. */
@media (max-width:899px), (hover:none) and (pointer:coarse) {
  .w2h-motion-item {
    transition:opacity .32s ease-out!important;
    transition-delay:0s!important;
    transform:none!important;
    will-change:auto!important;
  }
  .w2h-motion-item.w2h-motion-pending { opacity:.94!important; transform:none!important; }
  .w2h-motion-item.w2h-motion-shown { opacity:1!important; transform:none!important; }
  /* Remove continuous decorative movements, which are especially costly on iOS. */
  .hero-floating, .hero-floating-orbit, .film-photo img, .pin-halo,
  .hero-cinematic .hero-photo img { animation:none!important; }
  .hero-cinematic .hero-photo { transform:none!important; }
  /* User scroll must not trigger 3D card hover styles on touch. */
  .program-card, .story-card, .feature-card, .v6-story-card,
  .v6-gallery-tile, .opportunity-card, [data-tilt] {
    transform:none!important;
    will-change:auto!important;
  }
  .program-card:hover, .story-card:hover, .feature-card:hover,
  .v6-story-card:hover, .v6-gallery-tile:hover, .opportunity-card:hover,
  [data-tilt]:hover { transform:none!important; }
}
@media (prefers-reduced-motion:reduce) {
  .w2h-motion-item, .w2h-motion-item.w2h-motion-pending,
  .w2h-motion-item.w2h-motion-shown {
    opacity:1!important;transform:none!important;
    animation:none!important;transition:none!important;
  }
  .hero-cinematic .hero-copy {animation:none!important;opacity:1!important}
}