/* About · Consumer Insights entrance tokens, applied to stable content units.
   Only opacity/transform animate; fan cards and the history rail retain their
   own transforms. Final layout is present before the first animation frame. */
.wy-about { --stagger-stagger:80ms; }
/* The shared CTA's legacy hook must also stay visible if the controller fails. */
.wy-about #cta .reveal { opacity:1;transform:none;transition:none; }
.wy-about .about-load-item {
  opacity:0;
  transform:translateY(var(--stagger-distance));
  transition:opacity var(--stagger-dur) var(--stagger-ease),
    transform var(--stagger-dur) var(--stagger-ease);
  transition-delay:calc(var(--stagger-stagger) * var(--about-load-order,0));
}
.wy-about .about-load-item.is-shown { opacity:1;transform:translateY(0); }
.wy-about .about-load-instant { transition:none!important; }

/* Fixed navigation, controls, and the full-bleed artwork only fade. */
.wy-about :is(.nav__inner,#top .pghero__media,.railnav).about-load-item {
  --stagger-distance:0px;
}
.wy-about .nav__inner.about-load-item { --stagger-dur:250ms; }
.wy-about #top .pghero__media.about-load-item { --stagger-dur:400ms; }

@media(prefers-reduced-motion:no-preference) {
  .about-load-armed:not(.about-load-ready) .wy-about :is(
    #top .pghero__title,
    #intro > .cell,#story > .cell,#values > .cell,
    #history > .cell--head,#history .ycard,#history .railnav,
    #partners > .cell,#global > .cell,
    #cta .ctaE__grid > div,
    .wy-footer .footer__grid > *,.wy-footer .footer__bottom
  ) {
    opacity:0;
    transform:translateY(var(--stagger-distance));
    transition:none;
  }
  .about-load-armed:not(.about-load-ready) .wy-about :is(#nav .nav__inner,#top .pghero__media) {
    opacity:0;
    transition:none;
  }
}
html:not(.about-load-armed) .wy-about .about-load-item,
.wy-about .about-load-item:focus-within {
  opacity:1;
  transform:none;
  transition:none;
}
@media(prefers-reduced-motion:reduce) {
  .wy-about .about-load-item { opacity:1;transform:none;transition:none; }
}