/**
 * Basic image-protection styling: disables text-selection and native
 * drag-ghosting on every <img>, plus hides the extra "Copy image" /
 * "Save image" style cursor affordances browsers add on drag.
 * Paired with js/image-protection.js, which blocks right-click and
 * dragstart on images specifically (without affecting slider/button
 * clicks elsewhere on the page).
 *
 * Note: this deters casual copying but isn't a hard security measure —
 * determined users can still screenshot or use browser dev tools.
 */
img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  pointer-events: auto; /* keep clickable where needed, e.g. hero/why-media */
}