.portfolio-grid{display:flex;flex-wrap:wrap;gap:20px}
.portfolio-card{border:1px solid rgba(0,0,0,.1);background:#fff;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);flex:0 0 calc((100% - 40px) / 3);}
.portfolio-card.hidden{display:none}
.portfolio-image img{width:100%;height:230px;object-fit:cover}
.portfolio-content h3{margin:0;padding:15px 20px 20px;border-bottom: 1px solid rgba(0,0,0,.1);}
.portfolio-meta{padding:20px 20px 25px}
.portfolio-meta > div{margin-bottom:17px;display:flex;align-items:center;gap:20px;font-weight:600;font-size:20px;}
.portfolio-meta > div:nth-child(2) img {height:21px}
.portfolio-link{text-align:center;margin-top:40px}
.portfolio-link a{font-weight:600;text-decoration:none;cursor:pointer}
@media(max-width:768px){.portfolio-grid{max-width:400px;margin:auto;gap:40px;flex-flow:column;}}