.portfolio-cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2147483647;
  pointer-events: none;
  opacity: 0;
  mix-blend-mode: difference;
  will-change: transform;
}
.portfolio-cursor::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin: -6px;
  border-radius: 50%;
  background: #fff;
  transform: scale(var(--cursor-scale, 1));
  transition: transform 220ms cubic-bezier(.2,.8,.2,1);
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) and (forced-colors: none) {
  html.cursor-active, html.cursor-active * { cursor: none !important; }
  html.cursor-active .portfolio-cursor { opacity: 1; }
}