.portfolio{
  padding:80px 20px;
  background:#f7f8fc;
}

.portfolio h2{
  font-size:42px;
  margin-bottom:10px;
  color:#1d2b64;
}

.portfolio p{
  margin-bottom:40px;
  color:#666;
}

.portfolio-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:20px;
}

.portfolio-grid img{
  width:100%;
  height:280px;
  object-fit:cover;
  border-radius:20px;
  transition:.3s;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.portfolio-grid img:hover{
  transform:translateY(-5px);
}