.project-card{position:relative;overflow:hidden;border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);cursor:pointer}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.4),transparent);border-radius:1rem;opacity:0;transition:opacity .5s ease}.project-card:hover .project-overlay{opacity:1}.project-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;text-align:center}.project-text{color:white;transform:translateY(2rem);opacity:0;transition:all .5s ease-out}.project-card:hover .project-text{transform:translateY(0);opacity:1}.project-title{font-family:YekanBakh-Bold,sans-serif;font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:white}.project-description{font-size:.875rem;color:#f3f4f6;line-height:1.6}