/* wg-cursor-dot.css · v1 (H4, 2026-10-09)
   Zeyna's custom cursor (div#mouseCursor) grows to a 125px disc at 50% opacity
   ("cursor--default") over anything with data-cursor="true". Over a button that
   paints its own hover fill, the disc sits on top of the text (z 99999) and
   washes it out. wg-cursor-dot.js flags those targets with .wg-cursor--dot;
   here the disc drops back to Zeyna's resting 15px dot. Site-wide. */
div#mouseCursor{
  transition: width .2s ease-out, height .2s ease-out, opacity .2s ease-out;
}
div#mouseCursor.wg-cursor--dot.cursor--default:not(.cursor--drag){
  width: 15px;
  height: 15px;
}
@media (prefers-reduced-motion: reduce){
  div#mouseCursor{ transition: none; }
}
