/* ==========================================================================
   DrWeb — animations.css
   ========================================================================== */

@keyframes blink{
  0%,100%{ opacity:.3; }
  50%{ opacity:1; }
}

@keyframes scrollDot{
  0%{ transform:translate(-50%,0); opacity:1; }
  70%{ opacity:.3; }
  100%{ transform:translate(-50%,14px); opacity:0; }
}

@keyframes floaty{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-14px); }
}
.device--laptop{ animation:floaty 7s ease-in-out infinite; }
.device--phone{ animation:floaty 6s ease-in-out infinite 1s; }
.device--tablet{ animation:floaty 8s ease-in-out infinite .5s; }

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

[data-reveal]{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .8s var(--ease), transform .8s var(--ease);
}
[data-reveal].is-visible{
  opacity:1;
  transform:translateY(0);
}

/* stagger children of grids automatically via JS-applied inline delay */

@media (prefers-reduced-motion: reduce){
  .device--laptop,.device--phone,.device--tablet{ animation:none; }
  [data-reveal]{ opacity:1; transform:none; transition:none; }
}