/* stylelint-disable */
/* stylelint-disable max-line-length */
:root {
  --breakpoint-xxl: 1920px;
  --breakpoint-xl: 1440px;
  --breakpoint-lg: 1280px;
  --breakpoint-md: 1024px;
  --breakpoint-md-s: 992px;
  --breakpoint-sm: 768px;
  --breakpoint-xs: 512px;
  --breakpoint-xxs: 390px;
}

/* stylelint-disable */
/* stylelint-disable */
/* stylelint-disable */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top);
*/
.wp-block .scroll-media,
.scroll-media {
  padding: 0;
}
.wp-block .scroll-media-container,
.scroll-media-container {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (max-width: 512px) {
  .wp-block .scroll-media .sk-subheading,
  .scroll-media .sk-subheading {
    display: none;
  }
}
.wp-block .scroll-media__video,
.scroll-media__video {
  position: relative;
  transform: translateY(400px);
}
@media (max-width: 512px) {
  .wp-block .scroll-media__video,
  .scroll-media__video {
    transform: translateY(0);
  }
}
.wp-block .scroll-media__video video,
.scroll-media__video video {
  max-width: 100%;
  transform: scale(1);
  cursor: none;
}
.wp-block .scroll-media__background,
.scroll-media__background {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  top: 0;
  background: linear-gradient(180deg, #3a3a3a 0%, #0c0c0c 100%);
  clip-path: inset(0 30%);
  transform: scale(0.85);
  opacity: 0.8;
}
@media (max-width: 1024px) {
  .wp-block .scroll-media__background,
  .scroll-media__background {
    top: 100px;
  }
}
@media (max-width: 512px) {
  .wp-block .scroll-media__background,
  .scroll-media__background {
    clip-path: none;
    top: 0;
  }
}