/* Cursor follower (js/components/cursor.js): dot on the pointer, a trailing ring that grows over anything clickable. Mouse only. */
.cur-dot,.cur-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:60;border-radius:var(--r-round);opacity:0;transition:opacity .25s ease}
.cur-dot{width:8px;height:8px;margin:-4px 0 0 -4px;background:var(--red)}
.cur-ring{width:38px;height:38px;margin:-19px 0 0 -19px;will-change:transform}
.cur-ring::before{content:"";position:absolute;inset:0;border-radius:var(--r-round);border:1.5px solid var(--red-a70);transition:transform .3s var(--ease-ring),background .3s ease,border-color .3s ease}
.cur-ring.is-link::before{transform:scale(1.7);background:var(--red-a14);border-color:var(--red-a35)}
.cur-ring.is-down::before{transform:scale(.8)}
.cur-on .cur-dot,.cur-on .cur-ring{opacity:1}
.cur-on,.cur-on a,.cur-on button,.cur-on label{cursor:none}
@media (hover:none),(pointer:coarse){.cur-dot,.cur-ring{display:none}}