.gallery-container{max-width:1200px;margin:0 auto;padding:2rem;box-sizing:border-box}.gallery-container h1{text-align:center;margin-bottom:1rem}.gallery-grid{column-count:4;column-gap:1rem}.gallery-item{margin-bottom:1rem;break-inside:avoid}.gallery-item img{width:100%;height:auto;display:block;border-radius:4px;cursor:pointer}@media (max-width:1024px){.gallery-grid{column-count:3}}@media (max-width:768px){.gallery-grid{column-count:2}}@media (max-width:480px){.gallery-grid{column-count:1}}.gallery-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;cursor:zoom-out;z-index:9999}.modal-image{width:auto;height:auto;max-width:90%;max-height:80vh;cursor:auto;border-radius:4px}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background:transparent;color:white;font-size:2rem;border:none;cursor:pointer;padding:0 1rem;z-index:10000;user-select:none}.prev-button{left:.5rem}.next-button{right:.5rem}.nav-button:hover{color:#ccc}