.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.portfolio-item{position:relative;overflow:hidden;border-radius:12px;cursor:pointer;transition:transform 0.3s ease}.portfolio-item img{width:100%;height:auto;transition:transform 0.4s ease}.portfolio-item:hover img{transform:scale(1.05)}.portfolio-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.55);opacity:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.8rem;transition:opacity 0.3s ease}.portfolio-overlay h3,.portfolio-overlay p{color:#fff;margin:0;transform:translateY(20px);transition:transform 0.3s ease}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-item:hover .portfolio-overlay h3,.portfolio-item:hover .portfolio-overlay p{transform:translateY(0)}@media (max-width:980px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.portfolio-grid{grid-template-columns:1fr}}