/* ============================================================
   Shared Zoomable Image Interaction — Ivan Tran Portfolio
   Import via: <link rel="stylesheet" href="images.css"> (root)
               <link rel="stylesheet" href="../images.css"> (projects/)
   Mark any <img> as expandable with: class="expandable" (see lightbox.css)
   Subtle hover scale signals an image can be opened, without affecting
   surrounding layout or the existing click-to-zoom lightbox behaviour.
   ============================================================ */

img.expandable {
  cursor: zoom-in;
  transition: transform 180ms ease;
}

img.expandable:hover {
  transform: scale(1.025);
}