/* =====================================================
   CUSTOM CURSOR  (ring + dot, mouse only)
===================================================== */
.cursor-ring,.cursor-dot { position: fixed; left: 0; top: 0; z-index: 10001; pointer-events: none; opacity: 0; transition: opacity .3s; will-change: transform; mix-blend-mode: difference; }

.cursor-on .cursor-ring,.cursor-on .cursor-dot { opacity: 1; }

.cursor-ring i { display: block; width: 26px; height: 26px; margin: -13px 0 0 -13px; border: 1.5px solid #fff; border-radius: 50%; transition: transform .35s var(--ease-out), background .3s; }

.cursor-dot::before { content: ""; display: block; width: 5px; height: 5px; margin: -2.5px 0 0 -2.5px; border-radius: 50%; background: #fff; }

.cursor-hover .cursor-ring i { transform: scale(1.35); background: rgba(255,255,255,.12); }

.cursor-down  .cursor-ring i { transform: scale(.8); }

.cursor-hover.cursor-down .cursor-ring i { transform: scale(1.1); }

html.has-cursor,html.has-cursor * { cursor: none !important; }