.portfolio-cursor{position:fixed;top:0;left:0;width:0;height:0;pointer-events:none;z-index:90;visibility:hidden}
.portfolio-cursor>span{display:flex;align-items:center;justify-content:center;gap:8px;width:88px;height:88px;box-sizing:border-box;border:1.5px solid #5be7c3;border-radius:50%;background:rgba(8,23,18,.84);color:#5be7c3;font:500 12px/1 var(--font,Arial,sans-serif);box-shadow:0 0 0 1px rgba(0,0,0,.18);transform:translate(-50%,-50%) scale(.55);opacity:0;transition:transform .2s ease,opacity .15s ease}
.portfolio-cursor>span>span{font-size:21px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .portfolio-cursor.is-visible{visibility:visible}
  .portfolio-cursor.is-visible>span{transform:translate(-50%,-50%) scale(1);opacity:1}
  #projects .project-visual.cursor-active,#projects .project-visual.cursor-active *{cursor:none}
  .cursor-active .project-view{opacity:0}
}
.motion-paused .portfolio-cursor{display:none}
.motion-paused #projects .project-visual.cursor-active,.motion-paused #projects .project-visual.cursor-active *{cursor:pointer}