/* ============================================================
   CUSTOM CURSOR — desktop only, subtle blade-dot
   ============================================================ */
.sb-cursor {
  position: fixed;
  top: 0; left: 0;
  width: 18px; height: 18px;
  border: 1px solid var(--red);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9998;
  transform: translate(-50%, -50%);
  transition: width 0.25s var(--ease-snap), height 0.25s var(--ease-snap), background 0.25s ease, border-color 0.25s ease;
  mix-blend-mode: difference;
}
.sb-cursor.is-hover {
  width: 38px; height: 38px;
  background: rgba(232,0,13,0.25);
}
@media (max-width: 900px) {
  .sb-cursor { display: none; }
}