/* Full-section video treatment, isolated to the review demo. */
.shendeng--video {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  max-width: none;
  padding-left: max(var(--pad), calc((100% - var(--content)) / 2));
  padding-right: max(var(--pad), calc((100% - var(--content)) / 2));
  padding-top: 70px;
  padding-bottom: 88px;
  background: #090909;
}
.shendeng-video-backdrop {
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  /* Preserve the astronaut near the source's right edge when cover crops. */
  background: #090909 url("assets/shendeng-background-poster.6c98d135f7b4.jpg") right top / cover no-repeat;
}
.shendeng-video-backdrop video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right top;
  filter: brightness(.82);
}
.shendeng-video-backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, #090909 0%, #09090910 16%, #09090912 38%, #090909a8 65%, #090909e0 90%, #090909 100%),
    linear-gradient(90deg, #090909ed 0%, #090909bc 29%, #0909095c 53%, #09090908 78%);
}
.shendeng--video .shendeng-hero { min-height: 410px; }
.shendeng--video .shendeng-copy { padding-top: 30px; padding-bottom: 72px; }
.shendeng--video .shendeng-intro,
.shendeng--video .shendeng-features p { color: #c2c3c5; }
.shendeng--video .shendeng-features {
  border-color: #ffffff28;
  padding-top: 34px;
}
.shendeng--video .shendeng-motion-toggle {
  bottom: 20px;
  color: #dededc;
  border-color: #ffffff4d;
  background: #09090999;
}
.shendeng--video .shendeng-motion-toggle:hover { background: #1b1d21; }
.shendeng--video .shendeng-motion-toggle:focus-visible { outline: 2px solid #ff6b00; outline-offset: 4px; }
.shendeng--video.is-video-unavailable video { visibility: hidden; }
@media (max-width: 767px) {
  .shendeng--video { padding-top: 44px; padding-bottom: 64px; }
  .shendeng--video .shendeng-hero { min-height: 520px; }
  .shendeng--video .shendeng-copy { padding-top: 0; padding-bottom: 100px; }
  .shendeng-video-backdrop {
    background-position: right 270px;
    background-size: auto 800px;
    mask-image: linear-gradient(180deg, transparent 270px, #000 370px);
    -webkit-mask-image: linear-gradient(180deg, transparent 270px, #000 370px);
  }
  .shendeng-video-backdrop video { position: absolute; top: 270px; height: 800px; object-position: right top; }
  .shendeng-video-backdrop::after {
    background:
      linear-gradient(180deg, #090909e6 0%, #09090970 12%, #09090924 28%, #090909c9 44%, #090909e8 58%, #090909 75%),
      linear-gradient(90deg, #090909b8, #09090926);
  }
  .shendeng--video .shendeng-motion-toggle { bottom: 20px; }
  .shendeng--video .shendeng-features { padding-top: 28px; }
}