more changes

- Restore the SHARP-ER in the homepage hero section
- Match the design for the 3-image section in the homepage

apps/web/app/routes/_page-kit/motion.css

@@ -203,22 +203,14 @@
     }
   }
 
-  /* A picture pushing in a little while the frame around it is hovered. The
-     frame clips, so the picture grows into its own box and not over the page.
-     Paired with .sh-lift the tile rises and its picture closes in, which is
-     how the draft hovers the gallery. */
-  .sh-zoom {
-    overflow: hidden;
-  }
-
-  .sh-zoom img {
-    transition: transform var(--motion-duration-slow)
-      var(--motion-ease-standard);
-  }
-
+  /* A gallery tile that grows as a WHOLE frame instead of pushing the picture
+     inside it - the draft hovers the frame, not the image. It keeps `.sh-lift`'s
+     rise and adds a uniform scale to it. Written after `.sh-lift:hover` so the
+     compound transform wins at equal specificity; `.sh-lift`'s transition
+     already covers `transform`, so the two move together. */
   @media (hover: hover) {
-    .sh-zoom:hover img {
-      transform: scale(1.09);
+    .sh-lift--grow:hover {
+      transform: translateY(-5px) scale(1.04);
     }
   }