.gallery{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,.75fr));padding:0}.gallery__item{overflow:hidden;position:relative}.gallery__item:hover{cursor:pointer}.gallery__image{display:block;height:auto;object-fit:cover;transition:transform .3s ease;width:100%}.gallery__image:hover{transform:scale(1.05)}.gallery-modal{align-items:center;background-color:rgba(0,0,0,.8);display:none;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1050}.gallery-modal--open{display:flex}.gallery-modal__image{max-height:80%;max-width:90%;transition:opacity .3s ease}.gallery-modal__nav{color:#fff;cursor:pointer;font-size:2rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.gallery-modal__nav--prev{left:2rem}.gallery-modal__nav--next{right:2rem}.gallery-modal__close{color:#fff;cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem}