.image-gallery{display:flex;flex-wrap:wrap;gap:1rem;margin:3rem 0;justify-content:center}.gallery-item{height:300px;flex-grow:1;position:relative;overflow:hidden;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,8%);cursor:pointer}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.gallery-item:hover img{transform:scale(1.05)}.image-gallery::after{content:"";flex-grow:10;flex-basis:300px}.lightbox-modal{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);backdrop-filter:blur(5px);justify-content:center;align-items:center;padding:2rem;opacity:0;transition:opacity .3s ease}.lightbox-modal.active{display:flex;opacity:1}.lightbox-content{max-width:90%;max-height:90%;border-radius:8px;box-shadow:0 0 30px rgba(0,0,0,.5);transform:scale(.9);transition:transform .3s ease}.lightbox-modal.active .lightbox-content{transform:scale(1)}.lightbox-close{position:absolute;top:1.5rem;right:1.5rem;color:#fff;font-size:2.5rem;background:rgba(255,255,255,.2);border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;padding:0;-webkit-tap-highlight-color:transparent;user-select:none;z-index:10001;outline:none}.lightbox-close:hover{background:rgba(255,255,255,.3)}.lightbox-close:focus{outline:none}.lightbox-close:focus-visible{outline:2px solid var(--color-green);outline-offset:4px}@media(max-width:768px){.gallery-item{height:250px;flex-basis:40%}}@media(max-width:480px){.gallery-item{height:auto;aspect-ratio:3/2;flex-basis:100%!important;flex-grow:0!important;width:100%}.lightbox-content{max-width:100%;max-height:80vh}.lightbox-close{top:.75rem;right:.75rem;width:44px;height:44px;font-size:2rem}}