.gallery-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px;padding:20px;max-width:1200px;margin:0 auto}.gallery-item{position:relative;overflow:hidden;border-radius:8px;transition:transform .3s ease;box-shadow:0 4px 8px #0000001a}.gallery-item:hover{transform:scale(1.03)}.gallery-image{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.gallery-title{position:absolute;bottom:0;background:#00000080;width:100%;color:#fff;text-align:center;padding:8px 0;font-size:16px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{position:relative;max-width:90%;max-height:90%;animation:fadeIn .3s ease-in-out}.modal-image{max-width:100vw;max-height:90vh;width:auto;height:auto;border-radius:8px;display:block;object-fit:contain}.modal-close{position:absolute;top:-10px;right:-10px;background:#fff;border:none;border-radius:50%;font-size:25px;cursor:pointer;width:40px;height:40px;box-shadow:0 2px 10px #0006}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}