/* ---------- COLLAGE DE KOINONÍA ---------- */
.collage{padding:90px 0;background:var(--cream);overflow:hidden;}
.collage-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  grid-auto-rows:110px;
  grid-auto-flow:dense;
  gap:14px;
}
.collage-tile{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  background-color:var(--teal-pale);
  box-shadow:0 14px 26px -18px rgba(15,58,66,.45);
  transform:rotate(var(--tile-rot,0deg));
  transition:transform .4s cubic-bezier(.2,.8,.2,1), box-shadow .4s ease;
}
.collage-tile::after{
  content:'';position:absolute;inset:0;
  border:1px solid rgba(255,255,255,.55);
  border-radius:inherit;
  pointer-events:none;
}
.collage-tile:hover{
  transform:rotate(0deg) scale(1.045);
  box-shadow:0 26px 46px -20px rgba(15,58,66,.55);
  z-index:2;
}
.collage-tile-img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .5s ease;
}
.collage-tile:hover .collage-tile-img{transform:scale(1.08);}
.collage-tile-icon{
  display:none;
  width:30px;height:30px;
  color:var(--brand-blue);
  opacity:.3;
}
.collage-tile-empty{
  background-image:linear-gradient(155deg, rgba(18,59,93,.16), rgba(200,164,93,.16));
}
.collage-tile-empty .collage-tile-img{display:none;}
.collage-tile-empty .collage-tile-icon{
  display:block;
  position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
}

.collage-tile-1{grid-column:span 3;grid-row:span 2;--tile-rot:-1.4deg;}
.collage-tile-2{grid-column:span 3;grid-row:span 1;--tile-rot:1deg;}
.collage-tile-3{grid-column:span 3;grid-row:span 1;--tile-rot:-1deg;}
.collage-tile-4{grid-column:span 2;grid-row:span 2;--tile-rot:1.6deg;}
.collage-tile-5{grid-column:span 2;grid-row:span 2;--tile-rot:-1.8deg;}
.collage-tile-6{grid-column:span 2;grid-row:span 2;--tile-rot:1deg;}
.collage-tile-7{grid-column:span 3;grid-row:span 1;--tile-rot:-1.4deg;}
.collage-tile-8{grid-column:span 3;grid-row:span 1;--tile-rot:1.8deg;}

.collage-grid .collage-tile-2{transition-delay:.08s;}
.collage-grid .collage-tile-3{transition-delay:.16s;}
.collage-grid .collage-tile-4{transition-delay:.1s;}
.collage-grid .collage-tile-5{transition-delay:.2s;}
.collage-grid .collage-tile-6{transition-delay:.3s;}
.collage-grid .collage-tile-7{transition-delay:.22s;}
.collage-grid .collage-tile-8{transition-delay:.32s;}