/*
* 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_hero_media__swiper__slide__bg picture {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.sn_hero_media__swiper__slide__bg picture picture, .sn_hero_media__swiper__slide__bg picture img {
  width: 100%;
  height: 100%;
}
.sn_hero_media__swiper__slide__bg picture img {
  -o-object-fit: cover;
     object-fit: cover;
}

.sn_hero_media {
  height: calc(100 * var(--vh, 1vh) - 4.5rem);
  color: #fff;
  overflow: hidden;
}
@media only screen and (min-width: 62em) {
  .sn_hero_media {
    height: calc(100 * var(--vh, 1vh) - 7rem);
    min-height: 43.75rem;
  }
}
.sn_hero_media__swiper {
  height: 100%;
}
.sn_hero_media__swiper__slide__bg {
  position: relative;
  width: 100%;
  height: 100%;
}
.sn_hero_media__swiper__slide__bg.__gradient::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  background: linear-gradient(258.12deg, rgba(0, 0, 0, 0) 46.18%, rgba(0, 0, 0, 0.72) 105.35%), linear-gradient(177.92deg, rgba(0, 0, 0, 0) 85.45%, rgba(0, 0, 0, 0.72) 119.9%);
}
.sn_hero_media__swiper__slide__bg video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sn_hero_media__swiper__slide__content {
  position: absolute;
  right: 0;
  bottom: 7.5rem;
  left: 0;
  z-index: 30;
}
@media only screen and (min-width: 62em) {
  .sn_hero_media__swiper__slide__content {
    position: absolute;
    right: 0;
    bottom: 10rem;
    left: 0;
  }
}
.sn_hero_media__swiper__controls {
  position: absolute;
  right: 0;
  bottom: 2rem;
  left: 0;
  z-index: 30;
}
@media only screen and (min-width: 62em) {
  .sn_hero_media__swiper__controls {
    position: absolute;
    right: 0;
    bottom: 3rem;
    left: 0;
  }
}