/* Local overrides replacing Tilda animation JS with lightweight CSS+IO */
.t-animate{
  opacity: 0;
  transform: translate3d(0, 14px, 0);
  transition: opacity .7s ease, transform .7s ease;
  will-change: opacity, transform;
}
.t-animate.is-visible{
  opacity: 1;
  transform: none;
}

@media (prefers-reduced-motion: reduce){
  .t-animate{
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* Modern motion for the cover arrow */
.t-cover__arrow{
  cursor: pointer;
  will-change: transform, opacity;
  animation: tiitArrowFloat 1.8s cubic-bezier(.2,.8,.2,1) infinite;
  transform-origin: 50% 50%;
}
.t-cover__arrow:hover{
  animation-duration: 1.35s;
}
.t-cover__arrow:active{
  transform: translate3d(0, 2px, 0) scale(.98);
}
@keyframes tiitArrowFloat{
  0%   { transform: translate3d(0, 0, 0); opacity: .85; }
  50%  { transform: translate3d(0, 10px, 0); opacity: 1; }
  100% { transform: translate3d(0, 0, 0); opacity: .85; }
}
@media (prefers-reduced-motion: reduce){
  .t-cover__arrow{
    animation: none !important;
  }
}