@media (max-width:1024px){.gallery-grid{grid-auto-rows:160px}}@media (max-width:768px){.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px}.gallery-item:first-child{grid-column:span 2;grid-row:span 1}.gallery-item:nth-child(4){grid-column:span 2}}@media (max-width:480px){.gallery-grid{grid-auto-rows:110px}}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;grid-gap:12px;gap:12px}.gallery-item{border-radius:10px;overflow:hidden;cursor:pointer;position:relative}.gallery-item:first-child{grid-column:span 2;grid-row:span 2}.gallery-item:nth-child(4){grid-column:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .5s}.gallery-item:hover img{transform:scale(1.06);filter:brightness(1.1)}.gallery-overlay{position:absolute;inset:0;background:rgba(0,109,119,.4);opacity:0;transition:opacity var(--tr);display:flex;align-items:center;justify-content:center;color:white;font-size:2rem}.gallery-item:hover .gallery-overlay{opacity:1}@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:155px}.gallery-item:first-child{grid-column:span 2;grid-row:span 1}.gallery-item:nth-child(4){grid-column:span 1}}@media(max-width:640px){.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:120px;gap:8px}.gallery-item:first-child{grid-column:span 2;height:160px}.gallery-item:nth-child(4){grid-column:span 1}}@media(max-width:400px){.gallery-grid{grid-auto-rows:100px}.gallery-item:first-child{height:140px}}