/* Show In Container
========================================================================== */

.a_section-show-in {
  position: relative;
  z-index: 1;
  margin-top: -170px;
  transition: transform .6s 1s ease;
  transform: translateY(170px);
}

.a_section-show-in.a_section-show-in--inner {
  margin-top: -110px;
  transform: translateY(110px);
}

.state_window-loaded .a_section-show-in,
.state_window-loaded .a_section-show-in.a_section-show-in--inner {
  transform: translateY(0);
}

@media (min-width: 1024px) {
  .a_section-show-in {
    margin-top: -230px;
    transform: translateY(230px);
  }
  .a_section-show-in.a_section-show-in--inner {
    margin-top: -120px;
    transform: translateY(120px);
  }
}

@media (min-width: 1280px) {
  .a_section-show-in {
    margin-top: -280px;
    transform: translateY(280px);
  }
  .a_section-show-in.a_section-show-in--inner {
    margin-top: -130px;
    transform: translateY(130px);
  }
}

@media (min-width: 1600px) {
  .a_section-show-in {
    margin-top: -360px;
    transform: translateY(360px);
  }
  .a_section-show-in.a_section-show-in--inner {
    margin-top: -180px;
    transform: translateY(180px);
  }
}

@media (min-width: 2300px) {
  .a_section-show-in {
    margin-top: -440px;
    transform: translateY(440px);
  }
  .a_section-show-in.a_section-show-in--inner {
    margin-top: -210px;
    transform: translateY(210px);
  }
}



/* Show In Image
========================================================================== */

.a_image-show-in > * {
  transform: scale(1.2);
  filter: blur(1rem);
  transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1), filter 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.state_intersected .a_image-show-in > * {
  transform: none;
  filter: blur(0);
}



/* Show In Default
========================================================================== */

.a_default-show-in {
  opacity: 0;
  transform: translateY(2.25em) skewY(5deg);
  filter: blur(1rem);
  transition: opacity .7s cubic-bezier(.215,.61,.355,1), transform .7s cubic-bezier(.215,.61,.355,1), filter .7s cubic-bezier(.215,.61,.355,1);
}

.state_intersected .a_default-show-in {
  opacity: 1;
  transform: none;
  transition-delay: .6s;
  filter: blur(0);
}

.state_intersected .a_default-show-in.a_default-show-in--delay {
  transition-delay: 2.6s;
}