/**
 * Impactiqa — cursor.css
 * Custom cursor — home page only.
 * Loaded conditionally via head.php when $is_home = true.
 * Phase 9: hide on touch/mobile where cursor is N/A.
 */

#cursor {
  position: fixed; z-index: 10002; pointer-events: none;
  top: 0; left: 0;
  transform: translate(18px, 18px);
  display: flex; align-items: center; gap: 0;
  will-change: top, left;
  mix-blend-mode: difference;
}
#cursor-box {
  display: flex; align-items: center; gap: 0;
  padding: 10px 16px;
  background: #fff;
}
#cursor-dot { display: none; }
#cursor-text {
  font-family: 'Barlow Condensed', sans-serif; font-weight: 600;
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase;
  color: #000; white-space: nowrap;
}
#cursor.on-cube #cursor-text { opacity: 0.4; }

/* Hide on touch devices — cursor is irrelevant */
@media (pointer: coarse) {
  #cursor { display: none; }
}