/* ================================
   ANIMATIONS — BCB GROUP
================================ */

/* REVEAL ON SCROLL */

.reveal{
  opacity:0;
  transform:translateY(34px) rotateX(8deg);
  transition:
    opacity .9s cubic-bezier(.2,.8,.2,1),
    transform .9s cubic-bezier(.2,.8,.2,1);
}

.reveal.show{
  opacity:1;
  transform:translateY(0) rotateX(0);
}


/* REVEAL DELAYS */

.delay-1{transition-delay:.12s;}
.delay-2{transition-delay:.24s;}
.delay-3{transition-delay:.36s;}
.delay-4{transition-delay:.48s;}
.delay-5{transition-delay:.60s;}
.delay-6{transition-delay:.72s;}


/* HERO GOLD SHAPE */

@keyframes goldShape{
  from{
    opacity:0;
    transform:translateX(100px) skewX(-22deg);
  }

  to{
    opacity:1;
    transform:translateX(0) skewX(-22deg);
  }
}


/* HERO BACKGROUND ZOOM */

@keyframes bgZoom{
  from{
    transform:scale(1.08);
  }

  to{
    transform:scale(1.03);
  }
}