.gallery{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:40px 20px}.gallery img{border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.05);cursor:pointer;display:block;height:auto;transition:transform .3s ease;width:100%}.gallery img:hover{transform:scale(1.03)}.lightbox{align-items:center;background:hsla(0,0%,6%,.85);display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease;visibility:hidden;width:100%;z-index:1000}.lightbox.visible{opacity:1;visibility:visible}.lightbox img{border-radius:6px;box-shadow:0 0 20px rgba(0,0,0,.5);max-height:90%;max-width:90%}.lightbox .close{font-size:2rem;font-weight:700;right:40px;top:30px}.lightbox .close,.nav{color:#fff;cursor:pointer;position:absolute}.nav{background:none;border:none;font-size:3rem;padding:10px;top:50%;transform:translateY(-50%);user-select:none;z-index:1}.nav.prev{left:30px}.nav.next{right:30px}.nav:hover{color:#ddd}