.body-container{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#f9f9f9;padding:20px}.gallery-container{max-width:1200px;margin:0 auto}.masonry-gallery{column-count:4;column-gap:15px}.gallery-item{display:inline-block;width:100%;margin-bottom:15px;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,0.1);transition:transform 0.3s ease,box-shadow 0.3s ease;cursor:pointer}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.15)}.gallery-item img{width:100%;height:auto;display:block;transition:transform 0.5s ease}.gallery-item:hover img{transform:scale(1.05)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.85);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.modal.active{opacity:1;pointer-events:all}.modal-content{position:relative;max-width:85%;max-height:85vh}.modal-img{width:100%;height:auto;max-height:85vh;object-fit:contain;border-radius:4px}.close-modal{position:absolute;top:-40px;right:0;color:white;font-size:2rem;background:none;border:none;cursor:pointer}@media (max-width:1200px){.masonry-gallery{column-count:3}}@media (max-width:900px){.masonry-gallery{column-count:2}}@media (max-width:580px){.masonry-gallery{column-count:1}h1{font-size:1.8rem}}