/* --- galéria --- */
.gallery{background:var(--ink-2)}
.gallery .head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px}
.gallery .head p{color:var(--cream-dim);max-width:44ch}
.masonry{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:12px;margin-top:40px}
.tile{position:relative;overflow:hidden;border-radius:16px;cursor:zoom-in;background:#000}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s}
.tile:hover img{transform:scale(1.07)}
.tile::after{content:attr(data-cap);position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;font-size:.82rem;font-weight:600;background:linear-gradient(transparent,rgba(7,11,28,.9));opacity:0;transform:translateY(8px);transition:.4s}
.tile:hover::after{opacity:1;transform:none}
.tile.w2{grid-column:span 2}.tile.h2{grid-row:span 2}
@media (max-width:900px){.masonry{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}.tile.w2{grid-column:span 2}}
@media (max-width:480px){.masonry{grid-auto-rows:140px}}