/* ==========================
 PORTFOLIO SECTION
========================== */


.portfolio{


padding:100px 5%;

background:#0b0920;


}




.portfolio-grid{


max-width:1200px;

margin:auto;


display:grid;

grid-template-columns:repeat(3,1fr);

gap:35px;


}




.project-card{


background:

rgba(255,255,255,.08);


border-radius:30px;

overflow:hidden;


border:1px solid rgba(255,255,255,.15);


transition:.5s;


}




.project-card:hover{


transform:translateY(-15px);


box-shadow:

0 30px 60px rgba(0,0,0,.5);


}




.project-image{


height:280px;

overflow:hidden;


}




.project-image img{


width:100%;

height:100%;

object-fit:cover;


transition:.6s;


}




.project-card:hover img{


transform:scale(1.15);


}





.project-info{


padding:25px;


}



.project-info h3{


font-size:24px;

margin-bottom:10px;


}



.project-info p{


color:#aaa;


}