.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(260px,100% / var(--max-columns))),1fr));justify-content:center;gap:10px;padding:140px;width:auto;margin:0 auto;align-items:center;align-content:center}@media screen and (max-width: 1024px){.thumbnail-grid{padding-left:12px;padding-right:12px}}.thumbnail{display:flex;justify-content:center;align-items:center;cursor:pointer;width:100%;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.thumbnail:hover{transform:scale(1.03);box-shadow:0 4px 8px #00000080}.thumbnail img{width:100%;height:100%;object-fit:cover;display:flex;justify-content:center;align-items:center}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}@media screen and (max-width: 480px){.lightbox{padding:20px}}.lightbox-content{position:relative}.lightbox-content img{max-width:90%;max-height:80vh}.lightbox-image{max-height:60%;margin-left:5%;opacity:0;transform:translateY(50px) scale(.9);animation:fadeInUp .7s forwards}.close-button{position:absolute;top:-8px;right:0;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;opacity:0;transform:scale(.9);animation-delay:.75s;animation:closefadeInUp .7s forwards}@media screen and (max-width: 844px){.close-button{font-size:20px}}@media screen and (max-width: 480px){.close-button{right:-14px}}.close-button:hover{transform:scale(1.1)}@keyframes closeHover{to{transform:scale(1.1)}}@keyframes closefadeInUp{to{opacity:1;transform:scale(1.1)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0) scale(1)}}