.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.gallery-item{border-radius:var(--radius-md);overflow:hidden;position:relative;aspect-ratio:4 / 3;box-shadow:var(--shadow-sm);cursor:pointer}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:var(--transition-normal)}.gallery-item:hover img{transform:scale(1.1)}.modal{display:none;position:fixed;z-index:9999;padding-top:5vh;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000000e6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .3s ease}.modal.show{opacity:1}.modal-content{margin:auto;display:block;max-width:90vw;max-height:80vh;border-radius:var(--radius-md);box-shadow:0 0 30px #00000080;transform:scale(.8);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.modal.show .modal-content{transform:scale(1)}#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}.close-modal{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s;z-index:10000}.close-modal:hover,.close-modal:focus{color:var(--secondary);text-decoration:none;cursor:pointer}@media only screen and (max-width:700px){.modal-content{max-width:100%;max-height:80vh}}