/* Galeria — siatka zdjęć z kadrami: szeroki, wysoki, kwadrat. */
.gallery{padding:78px 0}
.gallery-head{display:flex; justify-content:space-between; align-items:end; gap:20px; flex-wrap:wrap; margin-bottom:34px}
.gallery-head h2{font-size:clamp(30px,3.6vw,42px)}
.grid-photos{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
figure{margin:0}
.photo{position:relative; border-radius:var(--r); overflow:hidden; background:var(--sand-100)}
.photo svg,.photo img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease}
.photo:hover svg,.photo:hover img{transform:scale(1.03)}
.photo figcaption{
  position:absolute; left:0; right:0; bottom:0; padding:26px 14px 12px;
  font-family:var(--mono); font-size:11.5px; letter-spacing:.06em; color:var(--white);
  background:linear-gradient(transparent, var(--overlay-caption));
}
.photo--wide{grid-column:span 2}
.photo--tall{grid-row:span 2}

@media (max-width:719px){
  .grid-photos{grid-template-columns:1fr 1fr; gap:10px}
  .photo--wide{grid-column:span 2}
  .photo--tall{grid-row:auto}
}

/* Brak zdjęcia: kafel w kolorze z palety zamiast pustego prostokąta. */
.photo-empty{
  display:block; width:100%; height:100%;
  background:
    repeating-linear-gradient(45deg, var(--sand-100) 0 12px, var(--sand-200) 12px 24px);
}