/* Luigi Carbone — R2-only native-ratio portfolio carousel.
   Full photographs, no crop and no letterboxing; original Framer design retained. */
#portfolio [data-framer-name="Tattoo portfolio grid"] {
  min-height:300px;
  align-items:flex-start;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
}
#portfolio [data-framer-name="Tattoo portfolio grid"]::-webkit-scrollbar { display:none; }
/* Preserve the Framer shell but do not show any of its stock photographs. */
#portfolio [data-framer-name="Tattoo portfolio grid"] > :not(.luigi-live-slide):not(.luigi-live-empty) {
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
/* Each card exactly wraps the photograph; its width follows the image's real ratio. */
#portfolio [data-framer-name="Tattoo portfolio grid"] > .luigi-live-slide {
  display:inline-flex;
  position:relative;
  flex:0 0 auto;
  width:max-content;
  min-width:0;
  max-width:none;
  height:300px;
  margin:0;
  padding:0;
  box-sizing:border-box;
  border-radius:12px;
  overflow:hidden;
  background:transparent;
  align-self:flex-start;
  scroll-snap-align:start;
}
#portfolio [data-framer-name="Tattoo portfolio grid"] > .luigi-live-slide img {
  display:block;
  width:auto;
  height:100%;
  max-width:none;
  max-height:none;
  flex:0 0 auto;
  object-fit:fill; /* natural aspect ratio comes from width:auto + fixed height */
  border-radius:inherit;
}
#portfolio [data-framer-name="Tattoo portfolio grid"] > .luigi-live-empty {
  box-sizing:border-box;
  flex:1 0 100%;
  min-height:300px;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:35px 20px;
  color:#777;
  font:400 13px/1.7 Inter,Arial,sans-serif;
  letter-spacing:.02em;
  text-align:center;
  border:1px solid #ededed;
  border-radius:12px;
  background:#fafafa;
}
@media (max-width:1199.98px) {
  #portfolio [data-framer-name="Tattoo portfolio grid"] { min-height:260px; }
  #portfolio [data-framer-name="Tattoo portfolio grid"] > .luigi-live-slide { height:260px; }
  #portfolio [data-framer-name="Tattoo portfolio grid"] > .luigi-live-empty { min-height:260px; }
}