/*  */
/* IMAGE ENTRY ANIMATION */

.facade-image-wrap{
  opacity:0;
  transform:translateX(120px);
  transition:all 1.1s cubic-bezier(.16,1,.3,1);
}

/* when visible */

.facade-image-wrap.animate{
  opacity:1;
  transform:translateX(0);
}
/* TEXT BASE */

.facade-content > *{
  opacity:0;
  transform:translateY(40px);
}

/* TITLE */

.facade-title{
  transform:translateY(60px);
}

/* animate active */

.facade-content.animate .facade-title{
  animation:titleReveal .9s cubic-bezier(.2,.8,.2,1) forwards;
}

.facade-content.animate .facade-desc{
  animation:textReveal .9s .2s cubic-bezier(.2,.8,.2,1) forwards;
}

.facade-content.animate .facade-stats{
  animation:textReveal .9s .4s cubic-bezier(.2,.8,.2,1) forwards;
}

.facade-content.animate .facade-btn{
  animation:btnReveal .9s .6s cubic-bezier(.2,.8,.2,1) forwards;
}

/* keyframes */

@keyframes titleReveal{
  from{
    opacity:0;
    transform:translateY(60px) scale(.98);
    letter-spacing:8px;
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
    letter-spacing:4px;
  }
}

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

@keyframes btnReveal{
  from{
    opacity:0;
    transform:translateY(30px) scale(.95);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}
.stat{
  opacity:0;
  transform:translateY(30px);
}

.facade-content.animate .stat:nth-child(1){
  animation:statReveal .6s .5s forwards;
}

.facade-content.animate .stat:nth-child(2){
  animation:statReveal .6s .65s forwards;
}

.facade-content.animate .stat:nth-child(3){
  animation:statReveal .6s .8s forwards;
}

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