.codex-video-stage {
  --codex-video-bg: url("/upload/iblock/bda/3v2jfsv6pcwxncqriyb48vntlr7g9r49.jpg");
  position: relative;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  margin: 30px 0 42px;
  padding: clamp(22px, 4vw, 48px);
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(16, 33, 52, .88), rgba(16, 33, 52, .66)),
    var(--codex-video-bg) center/cover no-repeat;
  box-shadow: 0 18px 44px rgba(18, 33, 50, .2);
}

.codex-video-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,0) 38%);
  pointer-events: none;
}

.codex-video-shell {
  position: relative;
  z-index: 1;
  width: min(760px, 72%);
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #101722;
  box-shadow: 0 16px 36px rgba(0, 0, 0, .36);
}

.codex-video-shell iframe {
  display: block;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

.codex-video-shell iframe[uk-cover] {
  position: static !important;
}

.codex-video-stage + p,
.codex-video-stage + ul,
.codex-video-stage + ol {
  margin-top: 0;
}

@media (max-width: 900px) {
  .codex-video-stage {
    padding: 18px 14px;
    margin: 22px 0 32px;
  }

  .codex-video-shell {
    width: 100%;
  }
}