/*
* Scut, a collection of Sass utilities
* to ease and improve our implementations of common style-code patterns.
* v2.0.0
* Docs at http://ramseyinhouse.github.io/scut
*/
.sn_image_animation {
  position: relative;
  overflow: hidden;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.sn_image_animation__in {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 30%;
}
@media only screen and (min-width: 62em) {
  .sn_image_animation__in {
    height: 100%;
    transform-origin: top;
    border-radius: 0.5rem;
    transform: scale3d(0.82, 0.82, 0.82);
  }
}
@media only screen and (min-width: 0em) and (max-width: 61.99em) {
  .sn_image_animation.__active .sn_image_animation__in {
    aspect-ratio: unset;
    height: 100%;
    transition: height 0.75s cubic-bezier(0.7, 0, 0, 1);
  }
}
@media only screen and (min-width: 62em) {
  .sn_image_animation.__active .sn_image_animation__in {
    transform: none;
    border-radius: 0;
    transition: transform 0.75s cubic-bezier(0.7, 0, 0, 1), border-radius 0.75s cubic-bezier(0.7, 0, 0, 1);
  }
}