/* Yuvau Digital — Motion System / Batch 1
 * Foundation only: compositor-friendly transforms/opacity, restrained interaction motion,
 * and a first-class reduced-motion mode.
 */

.yu-motion-reveal{
  opacity:0;
  transform:translate3d(0,24px,0);
  transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1);
}

.yu-motion-reveal.is-visible{
  opacity:1;
  transform:none;
}

.yu-motion-stagger > .yu-motion-reveal:nth-child(2){transition-delay:.06s}
.yu-motion-stagger > .yu-motion-reveal:nth-child(3){transition-delay:.12s}
.yu-motion-stagger > .yu-motion-reveal:nth-child(4){transition-delay:.18s}
.yu-motion-stagger > .yu-motion-reveal:nth-child(5){transition-delay:.24s}
.yu-motion-stagger > .yu-motion-reveal:nth-child(6){transition-delay:.30s}
.yu-motion-stagger > .yu-motion-reveal:nth-child(7){transition-delay:.36s}
.yu-motion-stagger > .yu-motion-reveal:nth-child(8){transition-delay:.42s}
.yu-motion-stagger > .yu-motion-reveal:nth-child(9){transition-delay:.48s}
.yu-motion-stagger > .yu-motion-reveal:nth-child(10){transition-delay:.54s}

/* Global header interactions: movement stays tiny so navigation remains stable. */
.yu-site-header .yu-brand-logo,
.yu-site-header .yu-social-link,
.yu-site-header .yu-nav > li > a{
  transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .24s ease,color .24s ease,background-color .24s ease;
}

.yu-site-header .yu-brand:hover .yu-brand-logo,
.yu-site-header .yu-brand:focus-visible .yu-brand-logo{
  transform:translateY(-1px);
}

.yu-site-header .yu-nav > li > a:hover,
.yu-site-header .yu-nav > li > a:focus-visible{
  transform:translateY(-1px);
}

.yu-site-header .yu-social-link:hover,
.yu-site-header .yu-social-link:focus-visible{
  transform:translateY(-2px);
}

/* Global buttons / text-link micro motion. */
.yu-button,
.yu-site-footer a{
  transition:transform .24s cubic-bezier(.22,.61,.36,1),box-shadow .24s ease,color .24s ease,opacity .24s ease;
}

.yu-button:hover,
.yu-button:focus-visible{
  transform:translateY(-2px);
}

.yu-site-footer a:hover,
.yu-site-footer a:focus-visible{
  transform:translateX(2px);
}

.yu-site-footer{
  overflow:clip;
}

@media (prefers-reduced-motion: reduce){
  .yu-motion-reveal,
  .yu-motion-reveal.is-visible,
  .yu-site-header .yu-brand-logo,
  .yu-site-header .yu-social-link,
  .yu-site-header .yu-nav > li > a,
  .yu-button,
  .yu-site-footer a{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
    will-change:auto!important;
  }
}