.portfolio-cursor{display:none;position:fixed;left:0;top:0;z-index:10000;pointer-events:none;mix-blend-mode:difference;color:#fff}
.portfolio-cursor__ring{position:absolute;left:0;top:0;width:25px;height:25px;border:2px solid currentColor;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s cubic-bezier(.55,0,.1,1),height .4s cubic-bezier(.55,0,.1,1),background-color .4s cubic-bezier(.55,0,.1,1)}
.portfolio-cursor.is-link .portfolio-cursor__ring{width:10px;height:10px;background:currentColor}
.portfolio-cursor__label{position:absolute;left:15px;top:-10px;width:max-content;max-width:min(300px,70vw);font:400 14px/1.35 Arial,Helvetica,sans-serif;letter-spacing:-.1px;opacity:0;transition:opacity .15s ease}
.portfolio-cursor.has-label .portfolio-cursor__label{opacity:1}
@media (hover:hover) and (pointer:fine){
 html.has-portfolio-cursor,html.has-portfolio-cursor *{cursor:none!important}
 html.has-portfolio-cursor .portfolio-cursor{display:block}
 html.has-portfolio-cursor .project .open-project{opacity:0}
 html.has-portfolio-cursor .project:focus-visible .open-project{opacity:1}
}
@media (prefers-reduced-motion:reduce){.portfolio-cursor__ring,.portfolio-cursor__label{transition:none}}