.gallery-page{background-color:#f5f5f5;min-height:100vh;padding:100px 40px 40px}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:250px;gap:20px;max-width:1400px;margin:0 auto;display:grid}.gallery-item{cursor:pointer;border-radius:16px;transition:transform .3s;position:relative;overflow:hidden}.gallery-item:hover{transform:scale(1.02)}.gallery-item.tall{grid-row:span 2}.gallery-item.wide{grid-column:span 2}.gallery-image{object-fit:cover;transition:transform .3s}.gallery-item:hover .gallery-image{transform:scale(1.05)}.modal{z-index:1000;cursor:pointer;background-color:#000000f2;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-close{color:#fff;cursor:pointer;z-index:1001;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:background .3s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{background:#fff3}.modal-nav{color:#fff;cursor:pointer;z-index:1001;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:background .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.modal-nav:hover{background:#fff3}.modal-nav.prev{left:20px}.modal-nav.next{right:20px}.modal-content{cursor:default;max-width:90vw;max-height:90vh}.modal-image{object-fit:contain;max-width:90vw;max-height:90vh;width:auto!important;height:auto!important}@media (max-width:768px){.gallery-page{padding:80px 20px 20px}.gallery-grid{grid-template-columns:1fr;gap:15px}.gallery-item.wide{grid-column:span 1}.modal-close{width:40px;height:40px;top:10px;right:10px}.modal-nav{width:40px;height:40px}.modal-nav.prev{left:10px}.modal-nav.next{right:10px}}