/* Vanity Ink v2: Kain Sramek's page (10-07), after v2-jeremy.css (the profile hero, the work section and the strip are
   Jeremy's). Only the gallery differs (10-09): his four tagged pieces in one row, the Doll Face lettering as a wide tile at
   its own shape (the two words run edge to edge, so it is never cropped) and the three portrait pieces stretched to its
   height. Phones: the wide tile on top, the other three in a row of three, as on Instagram.
   Elementor: a Gallery widget (or Loop Grid) of his work. */
.gallery.kain-gallery{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:auto;gap:16px}
.kain-gallery .shot{height:auto}
.kain-gallery .shot.wide{grid-column:span 2;aspect-ratio:1200/711}
.kain-gallery .shot:not(.wide) img{position:absolute;inset:0}   /* no height of their own: they take the row's */
@media (max-width:767px){
  .gallery.kain-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .kain-gallery .shot.wide{grid-column:1/-1}
  .kain-gallery .shot:not(.wide){aspect-ratio:4/5}
}
