/* ─── Custom Cursor ────────────────────────────────────────────────────── */
.cursor-dot, .cursor-ring { display: none; }
@media (hover: hover) and (pointer: fine) {
  body, * { cursor: none !important; }
  .cursor-dot,
  .cursor-ring {
    display: block;
    position: fixed;
    top: 0; left: 0;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9999;
    will-change: transform;
    transition: width 0.25s var(--ease), height 0.25s var(--ease), border-color 0.25s;
  }
  .cursor-dot {
    width: 6px; height: 6px;
    background: white;
    mix-blend-mode: difference;
  }
  .cursor-ring {
    width: 32px; height: 32px;
    border: 1.5px solid white;
    mix-blend-mode: difference;
  }
  .cursor-ring.cursor-hover {
    width: 50px; height: 50px;
  }
}