/*
 * OIC Motion (Reusable)
 * - Small entrance animation module.
 * - Used by cards (style1/style2) and can be reused by sections/blocks.
 * - Respects prefers-reduced-motion.
 */

/* Base animation class (elements start hidden, then animate in once they enter viewport). */
.oic-anim{ opacity: 0; }
.oic-anim.is-in{
  animation-duration: .55s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
.oic-anim-fadeinup.is-in{ animation-name:oicFadeInUp }

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

.oic-anim-delay-1{animation-delay:.05s}
.oic-anim-delay-2{animation-delay:.10s}
.oic-anim-delay-3{animation-delay:.15s}
.oic-anim-delay-4{animation-delay:.20s}
.oic-anim-delay-5{animation-delay:.25s}
.oic-anim-delay-6{animation-delay:.30s}

@media (prefers-reduced-motion: reduce){
  .oic-anim{opacity:1;animation:none!important;transform:none!important}
}