.pager{
  position:fixed;
  left:clamp(.55rem,1.6vw,1.25rem);
  right:auto;top:50%;transform:translateY(-50%);
  z-index:60;display:flex;flex-direction:column;
  gap:1.05rem;align-items:flex-start;pointer-events:auto;
}
.pager__dot{
  display:flex;align-items:center;gap:.55rem;
  font-size:.56rem;letter-spacing:.26em;color:var(--muted);
  transition:color .35s var(--ease);
  flex-direction:row-reverse;padding:.2rem 0;
}
.pager__dot::after{
  content:'';width:14px;height:1px;background:currentColor;
  transition:width .4s var(--ease),background .4s var(--ease),box-shadow .4s var(--ease);
}
.pager__dot:hover{color:var(--ink)}
.pager__dot.is-active{color:var(--neon)}
.pager__dot.is-active::after{
  width:34px;background:var(--neon);
  box-shadow:0 0 8px var(--neon), 0 0 20px rgba(255,43,214,.65);
}