.project-list{display:flex;flex-wrap:wrap;gap:20px}.project-card{width:400px;height:300px;margin-bottom:20px}.image-container,.project-card{position:relative;overflow:hidden}.image-container,.project-image{width:100%;height:100%}.project-image{object-fit:cover;transition:filter .3s ease-in-out;filter:grayscale(100%)}.project-card:hover .project-image{filter:grayscale(0)}.project-title{position:absolute;bottom:-100%;left:0;width:100%;padding:10px;background-color:rgba(0,0,0,.7);color:#fff;text-align:left;transition:bottom .3s ease-in-out}.project-card:hover .project-title{bottom:0}.pHouse{display:flex;justify-content:center;align-items:center}.projectMain{height:300px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;max-width:90%;max-height:90%}.modal-image{width:100%;height:600px;object-fit:contain}img{cursor:pointer}.projectDoc{height:30rem}@media (max-width:900px){.modal-image{height:90vh!important}.projectDoc{height:20rem}}