/* STANISTROI / stage 05 / four advantages reveal.
   Scoped progressive animation: no structural, typographic or color changes. */
.ss-benefits.ss-benefits--motion .ss-benefits__item {
  opacity:0;
  transform:translate3d(0,15px,0);
  transition:opacity 540ms ease,transform 650ms cubic-bezier(.2,.72,.23,1);
}
.ss-benefits.ss-benefits--motion.is-revealed .ss-benefits__item {
  opacity:1;
  transform:none;
}
.ss-benefits.ss-benefits--motion.is-revealed .ss-benefits__item:nth-child(1){transition-delay:60ms}
.ss-benefits.ss-benefits--motion.is-revealed .ss-benefits__item:nth-child(2){transition-delay:155ms}
.ss-benefits.ss-benefits--motion.is-revealed .ss-benefits__item:nth-child(3){transition-delay:250ms}
.ss-benefits.ss-benefits--motion.is-revealed .ss-benefits__item:nth-child(4){transition-delay:345ms}

.ss-benefits__icon{
  transition:transform 260ms cubic-bezier(.18,.72,.22,1),color 260ms ease;
  transform-origin:center;
}
.ss-benefits__item:hover .ss-benefits__icon {
  transform:translate3d(0,-4px,0);
  color:#a74428;
}
@media(prefers-reduced-motion:reduce){
  .ss-benefits.ss-benefits--motion .ss-benefits__item,
  .ss-benefits.ss-benefits--motion.is-revealed .ss-benefits__item{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    transition-delay:0ms!important;
  }
  .ss-benefits__icon{transition:none!important;}
  .ss-benefits__item:hover .ss-benefits__icon{transform:none!important;}
}