/* ==========================================================================
   gallery.css — image/visual grid ("Galerija")
   ========================================================================== */

.gallery{background:var(--cream);}

.gallery-strip{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr;
  grid-template-rows:220px 220px;
  gap:14px;
}
.gallery-strip > div{
  position:relative;
  overflow:hidden;
  border-radius:2px;
}
.gallery-strip > div:first-child{grid-row:span 2;}
.gallery-strip svg{width:100%;height:100%;}

/* ---------- full gallery page: larger masonry-ish grid ---------- */
.gallery-full{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.gallery-full > div{
  position:relative;
  overflow:hidden;
  border-radius:2px;
  height:340px;
}

.gallery-full img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

@media (max-width:820px){
  .gallery-strip{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
  .gallery-strip > div:first-child{grid-row:auto;height:280px;}
  .gallery-full{grid-template-columns:1fr 1fr;}
}
@media (max-width:560px){
  .gallery-full{grid-template-columns:1fr;}
}