/* Site tweaks layered on top of the Framer export. Copied to /custom.css and linked
   from every page by tools/mirror.mjs. Framer class names are stable as long as the
   page isn't re-designed in Framer; re-check them after a re-mirror. */

/* ---- Menu cards (/menu) ----
   .framer-1hqdztu = card, .framer-1bo8cv1 = photo frame, .framer-31og1m = photo wrapper.
   Framer zoomed the photo to 1.2x on hover inside a clipping frame and used
   object-fit: cover, which cut off the top and bottom of the sandwiches. Show the
   whole photo instead (photos are normalized by tools/normalize-menu-images.mjs so
   every sandwich has the same size and margins) and use a zoom that stays in frame. */
.framer-1bo8cv1 .framer-31og1m {
  transform: none !important;
}

.framer-1bo8cv1 .framer-31og1m img {
  object-fit: contain !important;
  transition: transform 450ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (hover: hover) and (pointer: fine) {
  .framer-1hqdztu:hover .framer-1bo8cv1 .framer-31og1m img {
    transform: scale(1.06);
  }
}

@media (prefers-reduced-motion: reduce) {
  .framer-1bo8cv1 .framer-31og1m img {
    transition: none;
  }
  .framer-1hqdztu:hover .framer-1bo8cv1 .framer-31og1m img {
    transform: none;
  }
}