.impaakt-stack-scroll{
  position:relative;
  background:#0A0A0A;
}

.impaakt-stack-sticky{
  position:sticky;
  top:0;
  height:100vh;
  overflow:hidden;
  background:#0A0A0A;
}

.impaakt-slide{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:50% 50%;
  overflow:hidden;
  pointer-events:none;
}

/* z-index slides */
.slide-1{z-index:5;}
.slide-2{z-index:4;}
.slide-3{z-index:3;}
.slide-4{z-index:2;}
.slide-5{z-index:1;}

.impaakt-text,
.impaakt-media,
.impaakt-video{
  width:100%;
  height:100vh;
  background:#0A0A0A;
  will-change:transform;
  pointer-events:auto;
}

.impaakt-text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding: 0% 10% 0% 10%;
  color:#fff;
}

.impaakt-text h3{
  font-size:55px;
  line-height:.95;
  margin:0 0 24px;
  text-transform:uppercase;
  font-family:'Teachers';
  font-weight:500;
  margin-top:60px;
}

.impaakt-text p {
    font-size: 17px;
    line-height: 25px;
    color: #fff;
    font-family: space grotesk;
    text-align: justify;
}

/* MEDIA */
.impaakt-media{
  position:relative;
  overflow:hidden;
}

.impaakt-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.08);
}

/* VIDEO */
.impaakt-video{
  position:relative;
  overflow:hidden;
}

.impaakt-video video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* BUTTON (fancy) */
/*.fancy{
  display:inline-block;
  font-weight:700;
  font-size:13px;
  text-transform:uppercase;
  color:#7c7c7c;
  text-decoration:none;
  position:relative;
  transition:.3s;
}

.fancy:hover{
  color:#fff;
}*/

/* MOBILE */
@media(max-width:767px){

  .impaakt-stack-sticky{
    position:relative;
    height:auto;
  }

  .impaakt-slide{
    position:relative;
    display:flex;
    flex-direction:column;
  }

  .slide-2,
  .slide-4{
    flex-direction:column-reverse;
  }

  .impaakt-text{
    min-height:60vh;
    padding:60px 24px;
  }

  .impaakt-media,
  .impaakt-video{
    height:45vh;
  }

  .impaakt-text h3{
    font-size:38px;
  }
}