/* Site-wide pixel crosshair cursor (fine pointers only). Two states: the plain crosshair with a blue centre pixel,
   and on anything clickable the centre fills into a 3x3 blue block. Text fields keep the I-beam, zoomable shots keep
   zoom-in/out, and project cards keep hiding it for the "View work" pill. */
@media (hover: hover) and (pointer: fine) {
  :root { --lh-cross: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='26' shape-rendering='crispEdges'><rect x='0' y='10' width='2' height='2' fill='%23fff'/><rect x='0' y='12' width='2' height='2' fill='%23fff'/><rect x='0' y='14' width='2' height='2' fill='%23fff'/><rect x='2' y='10' width='2' height='2' fill='%23fff'/><rect x='2' y='14' width='2' height='2' fill='%23fff'/><rect x='4' y='10' width='2' height='2' fill='%23fff'/><rect x='4' y='14' width='2' height='2' fill='%23fff'/><rect x='6' y='10' width='2' height='2' fill='%23fff'/><rect x='6' y='14' width='2' height='2' fill='%23fff'/><rect x='8' y='10' width='2' height='2' fill='%23fff'/><rect x='8' y='14' width='2' height='2' fill='%23fff'/><rect x='10' y='0' width='2' height='2' fill='%23fff'/><rect x='10' y='2' width='2' height='2' fill='%23fff'/><rect x='10' y='4' width='2' height='2' fill='%23fff'/><rect x='10' y='6' width='2' height='2' fill='%23fff'/><rect x='10' y='8' width='2' height='2' fill='%23fff'/><rect x='10' y='10' width='2' height='2' fill='%23fff'/><rect x='10' y='12' width='2' height='2' fill='%23fff'/><rect x='10' y='14' width='2' height='2' fill='%23fff'/><rect x='10' y='16' width='2' height='2' fill='%23fff'/><rect x='10' y='18' width='2' height='2' fill='%23fff'/><rect x='10' y='20' width='2' height='2' fill='%23fff'/><rect x='10' y='22' width='2' height='2' fill='%23fff'/><rect x='10' y='24' width='2' height='2' fill='%23fff'/><rect x='12' y='0' width='2' height='2' fill='%23fff'/><rect x='12' y='10' width='2' height='2' fill='%23fff'/><rect x='12' y='14' width='2' height='2' fill='%23fff'/><rect x='12' y='24' width='2' height='2' fill='%23fff'/><rect x='14' y='0' width='2' height='2' fill='%23fff'/><rect x='14' y='2' width='2' height='2' fill='%23fff'/><rect x='14' y='4' width='2' height='2' fill='%23fff'/><rect x='14' y='6' width='2' height='2' fill='%23fff'/><rect x='14' y='8' width='2' height='2' fill='%23fff'/><rect x='14' y='10' width='2' height='2' fill='%23fff'/><rect x='14' y='12' width='2' height='2' fill='%23fff'/><rect x='14' y='14' width='2' height='2' fill='%23fff'/><rect x='14' y='16' width='2' height='2' fill='%23fff'/><rect x='14' y='18' width='2' height='2' fill='%23fff'/><rect x='14' y='20' width='2' height='2' fill='%23fff'/><rect x='14' y='22' width='2' height='2' fill='%23fff'/><rect x='14' y='24' width='2' height='2' fill='%23fff'/><rect x='16' y='10' width='2' height='2' fill='%23fff'/><rect x='16' y='14' width='2' height='2' fill='%23fff'/><rect x='18' y='10' width='2' height='2' fill='%23fff'/><rect x='18' y='14' width='2' height='2' fill='%23fff'/><rect x='20' y='10' width='2' height='2' fill='%23fff'/><rect x='20' y='14' width='2' height='2' fill='%23fff'/><rect x='22' y='10' width='2' height='2' fill='%23fff'/><rect x='22' y='14' width='2' height='2' fill='%23fff'/><rect x='24' y='10' width='2' height='2' fill='%23fff'/><rect x='24' y='12' width='2' height='2' fill='%23fff'/><rect x='24' y='14' width='2' height='2' fill='%23fff'/><rect x='2' y='12' width='2' height='2' fill='%23111'/><rect x='4' y='12' width='2' height='2' fill='%23111'/><rect x='6' y='12' width='2' height='2' fill='%23111'/><rect x='8' y='12' width='2' height='2' fill='%23111'/><rect x='12' y='2' width='2' height='2' fill='%23111'/><rect x='12' y='4' width='2' height='2' fill='%23111'/><rect x='12' y='6' width='2' height='2' fill='%23111'/><rect x='12' y='8' width='2' height='2' fill='%23111'/><rect x='12' y='16' width='2' height='2' fill='%23111'/><rect x='12' y='18' width='2' height='2' fill='%23111'/><rect x='12' y='20' width='2' height='2' fill='%23111'/><rect x='12' y='22' width='2' height='2' fill='%23111'/><rect x='16' y='12' width='2' height='2' fill='%23111'/><rect x='18' y='12' width='2' height='2' fill='%23111'/><rect x='20' y='12' width='2' height='2' fill='%23111'/><rect x='22' y='12' width='2' height='2' fill='%23111'/><rect x='12' y='12' width='2' height='2' fill='%23224bf0'/></svg>") 13 13, crosshair; --lh-hit: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='26' shape-rendering='crispEdges'><rect x='2' y='10' width='2' height='2' fill='%23fff'/><rect x='2' y='12' width='2' height='2' fill='%23fff'/><rect x='2' y='14' width='2' height='2' fill='%23fff'/><rect x='4' y='10' width='2' height='2' fill='%23fff'/><rect x='4' y='14' width='2' height='2' fill='%23fff'/><rect x='6' y='10' width='2' height='2' fill='%23fff'/><rect x='6' y='14' width='2' height='2' fill='%23fff'/><rect x='8' y='8' width='2' height='2' fill='%23fff'/><rect x='8' y='10' width='2' height='2' fill='%23fff'/><rect x='8' y='14' width='2' height='2' fill='%23fff'/><rect x='8' y='16' width='2' height='2' fill='%23fff'/><rect x='10' y='2' width='2' height='2' fill='%23fff'/><rect x='10' y='4' width='2' height='2' fill='%23fff'/><rect x='10' y='6' width='2' height='2' fill='%23fff'/><rect x='10' y='8' width='2' height='2' fill='%23fff'/><rect x='10' y='16' width='2' height='2' fill='%23fff'/><rect x='10' y='18' width='2' height='2' fill='%23fff'/><rect x='10' y='20' width='2' height='2' fill='%23fff'/><rect x='10' y='22' width='2' height='2' fill='%23fff'/><rect x='12' y='2' width='2' height='2' fill='%23fff'/><rect x='12' y='22' width='2' height='2' fill='%23fff'/><rect x='14' y='2' width='2' height='2' fill='%23fff'/><rect x='14' y='4' width='2' height='2' fill='%23fff'/><rect x='14' y='6' width='2' height='2' fill='%23fff'/><rect x='14' y='8' width='2' height='2' fill='%23fff'/><rect x='14' y='16' width='2' height='2' fill='%23fff'/><rect x='14' y='18' width='2' height='2' fill='%23fff'/><rect x='14' y='20' width='2' height='2' fill='%23fff'/><rect x='14' y='22' width='2' height='2' fill='%23fff'/><rect x='16' y='8' width='2' height='2' fill='%23fff'/><rect x='16' y='10' width='2' height='2' fill='%23fff'/><rect x='16' y='14' width='2' height='2' fill='%23fff'/><rect x='16' y='16' width='2' height='2' fill='%23fff'/><rect x='18' y='10' width='2' height='2' fill='%23fff'/><rect x='18' y='14' width='2' height='2' fill='%23fff'/><rect x='20' y='10' width='2' height='2' fill='%23fff'/><rect x='20' y='14' width='2' height='2' fill='%23fff'/><rect x='22' y='10' width='2' height='2' fill='%23fff'/><rect x='22' y='12' width='2' height='2' fill='%23fff'/><rect x='22' y='14' width='2' height='2' fill='%23fff'/><rect x='4' y='12' width='2' height='2' fill='%23111'/><rect x='6' y='12' width='2' height='2' fill='%23111'/><rect x='8' y='12' width='2' height='2' fill='%23111'/><rect x='12' y='4' width='2' height='2' fill='%23111'/><rect x='12' y='6' width='2' height='2' fill='%23111'/><rect x='12' y='8' width='2' height='2' fill='%23111'/><rect x='12' y='16' width='2' height='2' fill='%23111'/><rect x='12' y='18' width='2' height='2' fill='%23111'/><rect x='12' y='20' width='2' height='2' fill='%23111'/><rect x='16' y='12' width='2' height='2' fill='%23111'/><rect x='18' y='12' width='2' height='2' fill='%23111'/><rect x='20' y='12' width='2' height='2' fill='%23111'/><rect x='10' y='10' width='2' height='2' fill='%23224bf0'/><rect x='10' y='12' width='2' height='2' fill='%23224bf0'/><rect x='10' y='14' width='2' height='2' fill='%23224bf0'/><rect x='12' y='10' width='2' height='2' fill='%23224bf0'/><rect x='12' y='12' width='2' height='2' fill='%23224bf0'/><rect x='12' y='14' width='2' height='2' fill='%23224bf0'/><rect x='14' y='10' width='2' height='2' fill='%23224bf0'/><rect x='14' y='12' width='2' height='2' fill='%23224bf0'/><rect x='14' y='14' width='2' height='2' fill='%23224bf0'/></svg>") 13 13, pointer; }
  html, html * { cursor: var(--lh-cross) !important; }
  a, a *, button, button *, summary, summary *, label, select, [role=button], [role=button] *, [role=link], [role=link] *, [role=tab], .kw, .kw *, .hero-steps button
    { cursor: var(--lh-hit) !important; }
  input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]), textarea, [contenteditable=true] { cursor: text !important; }
  .panel .shot, .refs .shot, .minor .shot, .lofi .shot, .mood .shot, .strip .shot, .panel .shot *, .refs .shot *, .minor .shot *, .lofi .shot *, .mood .shot *, .strip .shot * { cursor: zoom-in !important; }
  .lb, .lb * { cursor: zoom-out !important; }
  .shot.mockshot, .shot.mockshot * { cursor: var(--lh-cross) !important; }
  .lw-card, .lw-card * { cursor: none !important; }
  .lw-card.is-soon, .lw-card.is-soon * { cursor: var(--lh-cross) !important; }
}