/* ModelBook — Portfolio natural ratio fix v1.4.5 */
/* Stop square crop on portfolio / polas grids */

.portfolio-grid,
.gallery-grid,
.photos-grid,
.masonry-grid,
.work-grid,
.grid-portfolio{
  align-items:start!important;
}

.portfolio-grid .photo-card,
.gallery-grid .photo-card,
.photos-grid .photo-card,
.masonry-grid .photo-card,
.work-grid .photo-card,
.grid-portfolio .photo-card,
.portfolio-grid figure,
.gallery-grid figure,
.photos-grid figure,
.masonry-grid figure,
.work-grid figure,
.grid-portfolio figure,
.portfolio-grid a,
.gallery-grid a,
.photos-grid a,
.masonry-grid a,
.work-grid a,
.grid-portfolio a{
  aspect-ratio:auto!important;
  height:auto!important;
  max-height:none!important;
  overflow:hidden!important;
}

.portfolio-grid img,
.gallery-grid img,
.photos-grid img,
.masonry-grid img,
.work-grid img,
.grid-portfolio img,
.portfolio-page img,
.polas-page img{
  aspect-ratio:auto!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
}

/* If the current template uses CSS columns/masonry */
.portfolio-grid,
.gallery-grid,
.photos-grid,
.masonry-grid{
  gap:18px!important;
}

/* Desktop: clean editorial grid without cropping */
@media(min-width:901px){
  .portfolio-grid,
  .gallery-grid,
  .photos-grid,
  .masonry-grid,
  .work-grid,
  .grid-portfolio{
    display:grid!important;
    grid-template-columns:repeat(3, minmax(0, 1fr))!important;
    gap:18px!important;
  }

  .portfolio-grid img,
  .gallery-grid img,
  .photos-grid img,
  .masonry-grid img,
  .work-grid img,
  .grid-portfolio img{
    border-radius:0!important;
  }
}

/* Tablet */
@media(min-width:601px) and (max-width:900px){
  .portfolio-grid,
  .gallery-grid,
  .photos-grid,
  .masonry-grid,
  .work-grid,
  .grid-portfolio{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    gap:14px!important;
  }
}

/* Mobile: one image per row, no crop */
@media(max-width:600px){
  .portfolio-grid,
  .gallery-grid,
  .photos-grid,
  .masonry-grid,
  .work-grid,
  .grid-portfolio{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  .portfolio-grid img,
  .gallery-grid img,
  .photos-grid img,
  .masonry-grid img,
  .work-grid img,
  .grid-portfolio img{
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
  }
}

/* Home portfolio preview: smaller, still uncropped */
.home-portfolio .portfolio-grid,
.home-portfolio .gallery-grid,
.home-section-portfolio .portfolio-grid,
.home-section-portfolio .gallery-grid{
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.home-portfolio img,
.home-section-portfolio img{
  height:auto!important;
  object-fit:contain!important;
}