/* ESKA METALWORKS – Animations | animations.css */

@keyframes fadeInUp {
  from { opacity:0; transform:translateY(40px); }
  to   { opacity:1; transform:translateY(0); }
}
@keyframes fadeInLeft {
  from { opacity:0; transform:translateX(-50px); }
  to   { opacity:1; transform:translateX(0); }
}
@keyframes fadeInRight {
  from { opacity:0; transform:translateX(50px); }
  to   { opacity:1; transform:translateX(0); }
}
@keyframes fadeIn {
  from { opacity:0; } to { opacity:1; }
}
@keyframes scaleIn {
  from { opacity:0; transform:scale(0.92); }
  to   { opacity:1; transform:scale(1); }
}
@keyframes shimmer {
  0%   { background-position:-200% center; }
  100% { background-position: 200% center; }
}
@keyframes barGrow {
  from { width:0; }
}
@keyframes heroFloat {
  0%,100% { transform:translateY(0); }
  50%     { transform:translateY(-8px); }
}

/* Scroll-triggered */
.animate-on-scroll {
  opacity:0;
  transform:translateY(40px);
  transition:opacity 0.7s ease, transform 0.7s ease;
}
.animate-on-scroll.from-left  { transform:translateX(-50px); }
.animate-on-scroll.from-right { transform:translateX(50px); }
.animate-on-scroll.scale-in   { transform:scale(0.92); }
.animate-on-scroll.visible    { opacity:1; transform:translateY(0) translateX(0) scale(1); }

.delay-1 { transition-delay:0.1s; }
.delay-2 { transition-delay:0.2s; }
.delay-3 { transition-delay:0.3s; }
.delay-4 { transition-delay:0.4s; }
.delay-5 { transition-delay:0.5s; }
.delay-6 { transition-delay:0.6s; }

.hover-lift { transition:transform 0.3s ease, box-shadow 0.3s ease; }
.hover-lift:hover { transform:translateY(-6px); box-shadow:0 8px 48px rgba(0,0,0,0.5); }
.hover-scale { transition:transform 0.3s ease; }
.hover-scale:hover { transform:scale(1.04); }