.masonry-container{padding:0 2rem;-moz-column-gap:2rem;column-gap:2rem;-moz-column-count:1;column-count:1}.masonry-item{margin-bottom:2rem;-moz-column-break-inside:avoid;break-inside:avoid-column;cursor:pointer;position:relative;overflow:hidden;border-radius:16px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;box-shadow:0 4px 15px rgba(0,0,0,.2)}.masonry-item:hover{transform:scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.3)}.masonry-item img,.masonry-item video{width:100%;height:auto;display:block}@media (min-width:768px){.masonry-container{-moz-column-count:2;column-count:2}}@media (min-width:1280px){.masonry-container{-moz-column-count:3;column-count:3}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;backdrop-filter:blur(5px)}.modal-content{background-color:#2c2c2c;color:#fff;border-radius:16px;display:flex;flex-direction:column;gap:1.5rem;max-width:900px;width:100%;max-height:90vh;position:relative;animation:fadeIn .3s ease-out;box-shadow:0 10px 40px rgba(0,0,0,.5)}@media (min-width:768px){.modal-content{flex-direction:row;padding:2rem}}.modal-video-wrapper{flex-shrink:0;width:100%;background-color:#000;border-top-left-radius:16px;border-top-right-radius:16px;overflow:hidden}@media (min-width:768px){.modal-video-wrapper{width:50%;border-radius:12px}}.modal-video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.modal-details{padding:1.5rem;display:flex;flex-direction:column;width:100%}@media (min-width:768px){.modal-details{width:50%;padding:0}}.modal-details h2{margin-top:0;font-size:1.8rem;border-bottom:1px solid #444;padding-bottom:.5rem;margin-bottom:1rem}.modal-details p{margin:.5rem 0;color:#ccc;line-height:1.6}.modal-button{background-color:#007aff;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;margin-top:auto;font-size:1rem;font-weight:600;transition:background-color .2s}.modal-button:hover{background-color:#0056b3}.modal-close-button{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.5);border:none;color:#fff;font-size:1.8rem;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}