/* Yuvau Digital — Homepage kinetic layer / Batch 1 */

/* Hero: preserve the existing hero animation system. Only add a restrained
 * interactive depth response to the primary CTA when the user points at it. */
.yu-homepage .yu-home-hero__primary{
  transition:transform .26s cubic-bezier(.22,.61,.36,1),box-shadow .26s ease;
}
.yu-homepage .yu-home-hero__primary:hover,
.yu-homepage .yu-home-hero__primary:focus-visible{
  transform:translateY(-2px);
}

/* Trust: cards enter as a calm sequence; existing rail movement remains untouched. */
.yu-homepage #yu-home-trust .yu-home-trust__logo-card{
  transition:transform .42s cubic-bezier(.22,.61,.36,1),box-shadow .32s ease,border-color .32s ease;
}
.yu-homepage #yu-home-trust .yu-home-trust__logo-card:hover,
.yu-homepage #yu-home-trust .yu-home-trust__logo-card:focus-visible{
  transform:translateY(-4px);
}

/* Services: enhance the existing card interaction rather than replacing its flow. */
.yu-homepage #yu-home-services .yu-home-services__card{
  transition:transform .46s cubic-bezier(.22,.61,.36,1),box-shadow .38s ease,border-color .28s ease;
}
.yu-homepage #yu-home-services .yu-home-services__card:hover,
.yu-homepage #yu-home-services .yu-home-services__card:focus-visible{
  transform:translateY(-5px);
}
.yu-homepage #yu-home-services .yu-home-services__card .yu-home-service-image{
  transition:transform .55s cubic-bezier(.22,.61,.36,1);
}
.yu-homepage #yu-home-services .yu-home-services__card:hover .yu-home-service-image,
.yu-homepage #yu-home-services .yu-home-services__card:focus-visible .yu-home-service-image{
  transform:scale(1.035);
}
.yu-homepage #yu-home-services .yu-home-services__learn span{
  display:inline-block;
  transition:transform .24s cubic-bezier(.22,.61,.36,1);
}
.yu-homepage #yu-home-services .yu-home-services__card:hover .yu-home-services__learn span,
.yu-homepage #yu-home-services .yu-home-services__card:focus-visible .yu-home-services__learn span{
  transform:translateX(4px);
}

/* Why Yuvau: image gets a restrained depth response and reason cards lift. */
.yu-homepage #yu-home-why-v2 .yu-home-why-v2__photo img{
  transition:transform .8s cubic-bezier(.22,.61,.36,1);
}
.yu-homepage #yu-home-why-v2 .yu-home-why-v2__visual:hover .yu-home-why-v2__photo img{
  transform:scale(1.018);
}
.yu-homepage #yu-home-why-v2 .yu-home-why-v2__reason{
  transition:transform .38s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease,border-color .3s ease;
}
.yu-homepage #yu-home-why-v2 .yu-home-why-v2__reason:hover,
.yu-homepage #yu-home-why-v2 .yu-home-why-v2__reason:focus-within{
  transform:translateY(-3px);
}

/* Founder: editorial depth, not a floating-card effect. */
.yu-homepage #yu-home-founder .yu-home-founder__photo img{
  transition:transform .8s cubic-bezier(.22,.61,.36,1);
}
.yu-homepage #yu-home-founder .yu-home-founder__photo:hover img{
  transform:scale(1.018);
}
.yu-homepage #yu-home-founder .yu-home-founder__expertise-item{
  transition:transform .28s cubic-bezier(.22,.61,.36,1),border-color .25s ease,box-shadow .25s ease;
}
.yu-homepage #yu-home-founder .yu-home-founder__expertise-item:hover{
  transform:translateY(-2px);
}

/* FAQ: the accordion already owns height/open-state motion. Batch 1 only
 * adds a soft question hover response so we do not fight its JS. */
.yu-homepage #yu-home-faq .yu-home-faq__question{
  transition:color .24s ease,background-color .24s ease;
}
.yu-homepage #yu-home-faq .yu-home-faq__question:hover{
  background-color:rgba(255,255,255,.38);
}
.yu-homepage #yu-home-faq .yu-home-faq__icon{
  transition:transform .3s cubic-bezier(.22,.61,.36,1);
}
.yu-homepage #yu-home-faq .yu-home-faq__item.is-open .yu-home-faq__icon{
  transform:rotate(45deg);
}

/* Final CTA: system visual gets depth only on interaction. */
.yu-homepage #yu-home-final-cta .yu-home-final-cta__chip{
  transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .3s ease,border-color .3s ease;
}
.yu-homepage #yu-home-final-cta .yu-home-final-cta__chip:hover,
.yu-homepage #yu-home-final-cta .yu-home-final-cta__chip:focus-visible{
  transform:translateY(-4px) scale(1.015);
}
.yu-homepage #yu-home-final-cta .yu-home-final-cta__primary{
  transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease;
}
.yu-homepage #yu-home-final-cta .yu-home-final-cta__primary:hover,
.yu-homepage #yu-home-final-cta .yu-home-final-cta__primary:focus-visible{
  transform:translateY(-2px);
}

@media (max-width:767px){
  .yu-homepage #yu-home-services .yu-home-services__card:hover,
  .yu-homepage #yu-home-services .yu-home-services__card:focus-visible,
  .yu-homepage #yu-home-trust .yu-home-trust__logo-card:hover,
  .yu-homepage #yu-home-trust .yu-home-trust__logo-card:focus-visible{
    transform:none;
  }
  .yu-homepage #yu-home-services .yu-home-services__card:hover .yu-home-service-image,
  .yu-homepage #yu-home-services .yu-home-services__card:focus-visible .yu-home-service-image,
  .yu-homepage #yu-home-why-v2 .yu-home-why-v2__visual:hover .yu-home-why-v2__photo img,
  .yu-homepage #yu-home-founder .yu-home-founder__photo:hover img{
    transform:none;
  }
}

@media (prefers-reduced-motion: reduce){
  .yu-homepage #yu-home-trust .yu-home-trust__logo-card,
  .yu-homepage #yu-home-services .yu-home-services__card,
  .yu-homepage #yu-home-services .yu-home-services__card .yu-home-service-image,
  .yu-homepage #yu-home-why-v2 .yu-home-why-v2__photo img,
  .yu-homepage #yu-home-why-v2 .yu-home-why-v2__reason,
  .yu-homepage #yu-home-founder .yu-home-founder__photo img,
  .yu-homepage #yu-home-founder .yu-home-founder__expertise-item,
  .yu-homepage #yu-home-faq .yu-home-faq__question,
  .yu-homepage #yu-home-faq .yu-home-faq__icon,
  .yu-homepage #yu-home-final-cta .yu-home-final-cta__chip,
  .yu-homepage #yu-home-final-cta .yu-home-final-cta__primary{
    transition:none!important;
    transform:none!important;
    animation:none!important;
  }
}