.portfolio-section{padding:60px 20px;background-color:#e9e9d9}.portfolio-title{text-align:center;font-family:Merriweather,serif;font-size:2.5rem;font-weight:700;color:#171717;margin-bottom:40px;letter-spacing:-.05rem;padding-bottom:10px;display:block}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:0 60px}.portfolio-item{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 15px 40px rgba(0,0,0,.15)}.portfolio-item img{width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform .3s,filter .3s}.portfolio-item:hover img{transform:scale(1.05);filter:blur(4px) brightness(.6)}.portfolio-overlay{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(0,0,0,.8);color:#ffffff;text-align:center;padding:20px;border-radius:12px;opacity:0;transition:opacity .3s}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-overlay h3{margin:0 0 10px;font-size:1.5rem}.portfolio-overlay p{font-size:1rem;line-height:1.5;margin:0;padding:0 10px;max-width:90%}@media (max-width:768px){.portfolio-title{font-size:2rem;margin-bottom:30px}.portfolio-grid{padding:0 20px;gap:20px}.portfolio-overlay h3{font-size:1.3rem}.portfolio-overlay p{font-size:.9rem}}