/* The original Promoter design, with only the two retained Codex details. */

/* Vertical page signature */
.codex-signature{
  position:fixed;
  right:13px;
  top:50%;
  z-index:45;
  writing-mode:vertical-rl;
  transform:translateY(-50%);
  font-family:var(--mono,'JetBrains Mono',monospace);
  font-size:.52rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--ink-subtle,var(--w-subtle,#747780));
  pointer-events:none;
  mix-blend-mode:difference;
}
.codex-signature b{color:#fff;font-weight:500}

/* Thin left-edge scroll progress */
.codex-signal{
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  z-index:80;
  background:rgba(255,255,255,.08);
  pointer-events:none;
}
.codex-signal i{
  display:block;
  width:100%;
  height:var(--codex-progress,0%);
  background:linear-gradient(
    var(--product-hi,var(--product,#ee5b95)),
    var(--brand-hi,var(--brand,#2fb872))
  );
  box-shadow:0 0 18px color-mix(in srgb,var(--brand-hi,var(--brand,#2fb872)) 60%,transparent);
}

@media(max-width:900px){
  .codex-signature{display:none}
}

@media(prefers-reduced-motion:reduce){
  .codex-signal i{transition:none}
}