/* LT-only visible image for the existing Business Codex 50 scope section. */
#codex50 .codex-scope-visual {
  position: relative;
  overflow: hidden;
  height: clamp(180px, 18vw, 230px);
  margin: 18px 0 20px;
  border: 1px solid rgba(112, 224, 241, .34);
  border-radius: 18px;
  background: #041d3b;
  box-shadow: 0 20px 54px rgba(0, 18, 44, .30);
}

#codex50 .codex-scope-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(3, 24, 49, .18), transparent 42%, rgba(3, 26, 49, .06)),
    linear-gradient(180deg, transparent 64%, rgba(2, 20, 41, .28));
}

#codex50 .codex-scope-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 72% 38%;
}

@media (max-width: 760px) {
  #codex50 .codex-scope-visual {
    height: 190px;
    margin: 16px 0 18px;
    border-radius: 15px;
  }

  #codex50 .codex-scope-visual img {
    object-position: 74% 42%;
  }
}