/* Image guard for case studies.
   1) never show an image larger than its real size (no upscaling, no blur)
   2) never let an image be taller than 80% of the screen
   Applied by js/image-guard.js, which adds .ig and --ig-nw (natural width). */
img.ig{display:block;margin-left:auto;margin-right:auto;width:auto;height:auto;max-width:min(100%,var(--ig-nw,100%));max-height:80vh;object-fit:contain}
img.ig-sharp{image-rendering:auto}

/* hero cover: smaller, so the title and the image fit on one screen */
.cv2-frame--hero img.ig{max-height:48vh}