.portfolio-hero{background:#a6b7ba;text-align:center;padding:120px 0}.portfolio-hero h1{font-size:42px;margin-bottom:10px}.portfolio-filter{text-align:center;margin-bottom:40px}.filter-btn{padding:10px 25px;margin:5px;border:none;background:#eee;cursor:pointer}.filter-btn:hover{background:#c5a059;color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.portfolio-item{position:relative;overflow:hidden;cursor:pointer}.portfolio-item img{width:100%;transition:.4s}.portfolio-overlay{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.6);color:#fff;padding:20px;transform:translateY(100%);transition:.4s}.portfolio-item:hover img{transform:scale(1.1)}.portfolio-item:hover .portfolio-overlay{transform:translateY(0)}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center}.lightbox img{max-width:90%;max-height:80%}.close-lightbox{position:absolute;top:40px;right:40px;font-size:40px;color:#fff;cursor:pointer}@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.portfolio-grid{grid-template-columns:1fr}}