/* =====================================================================
   Media Gallery — masonry grid
   File: 08-gallery.css
   ===================================================================== */

/* ================= GALLERY ================= */
.gallery-grid{margin-top:50px; columns:3 260px; column-gap:18px;}
.gallery-item{break-inside:avoid; margin-bottom:18px; border-radius:var(--radius); overflow:hidden; opacity:0; transform:translateY(24px);}
.gallery-item img{width:100%; height:auto; display:block; transition:transform .7s cubic-bezier(.2,.8,.2,1);}
.gallery-item:hover img{transform:scale(1.06);}
@media(max-width:700px){.gallery-grid{columns:2 160px;}}