/* zoom on first 5 gallery photos — clip via per-cell wrapper */
.gallery-strip .gcell{flex:1 1 0;min-width:0;overflow:hidden;line-height:0;}
.gallery-strip .gcell img{width:100%;height:290px;object-fit:cover;display:block;transition:transform .5s ease;}
.gallery-strip .gcell.zoom img{transform:scale(1.18);}
.gallery-strip .gcell.zoom:hover img{transform:scale(1.24);}

@media (max-width:860px){
  /* one photo per screen, swiped — repeated here because these two selectors
     are more specific than the generic ones in style.css and this file loads
     after it. The hover zoom goes: there is no hover, and at 88% width the
     1.18 scale would just crop the subject out. */
  .gallery-strip .gcell{flex:0 0 88%;scroll-snap-align:start;}
  .gallery-strip .gcell img{height:clamp(240px,38vw,300px);}
  .gallery-strip .gcell.zoom img{transform:none;}
}