/* ==========================================================================
   NORNACO — Animations
   ========================================================================== */

[data-reveal]{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .8s ease, transform .8s ease;
}
[data-reveal].in-view{
  opacity:1;
  transform:translateY(0);
}
[data-reveal="fade"]{ transform:none; }
[data-reveal="left"]{ transform:translateX(40px); }
[data-reveal="left"].in-view{ transform:translateX(0); }
[data-reveal="right"]{ transform:translateX(-40px); }
[data-reveal="right"].in-view{ transform:translateX(0); }
[data-reveal="scale"]{ transform:scale(.92); }
[data-reveal="scale"].in-view{ transform:scale(1); }

[data-reveal-group] > *{ transition-delay:calc(var(--i, 0) * 90ms); }

@keyframes fadeInUp{
  from{ opacity:0; transform:translateY(20px); }
  to{ opacity:1; transform:translateY(0); }
}

@keyframes floaty{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-10px); }
}

@keyframes pulseRing{
  0%{ box-shadow:0 0 0 0 rgba(199,154,58,.45); }
  100%{ box-shadow:0 0 0 14px rgba(199,154,58,0); }
}

.pulse{ animation:pulseRing 2.2s infinite; }

.spin-slow{ animation:spin 22s linear infinite; }
@keyframes spin{ to{ transform:rotate(360deg); } }

@media (prefers-reduced-motion: reduce){
  [data-reveal]{ opacity:1 !important; transform:none !important; transition:none !important; }
}