/* ===================================
   PORTFOLIO PAGE
=================================== */

.portfolio-grid{

display:grid;

gap:50px;

}

.portfolio-card{

display:grid;

grid-template-columns:1fr 1fr;

background:white;

border-radius:25px;

overflow:hidden;

box-shadow:var(--shadow);

}

.portfolio-card img{

width:100%;

height:100%;

object-fit:cover;

min-height:450px;

}

.portfolio-content{

padding:50px;

display:flex;

flex-direction:column;

justify-content:center;

}

.portfolio-category{

display:inline-block;

background:var(--gold);

color:var(--navy);

padding:8px 16px;

border-radius:30px;

font-size:.8rem;

font-weight:700;

margin-bottom:20px;

width:fit-content;

}

.portfolio-content h2{

margin-bottom:20px;

font-size:2rem;

}

.portfolio-content p{

color:var(--text-muted);

margin-bottom:25px;

}

.portfolio-content h4{

margin-bottom:15px;

}

.portfolio-content ul{

margin-bottom:35px;

padding-left:20px;

}

.portfolio-content li{

margin-bottom:10px;

color:var(--text-muted);

}

@media(max-width:900px){

.portfolio-card{

grid-template-columns:1fr;

}

.portfolio-card img{

min-height:280px;

}

.portfolio-content{

padding:35px;

}

}