*{margin:0;padding:0;box-sizing:border-box;}
/*body{font-family:Arial,sans-serif;background:#f8fafc;color:#0f172a;}*/

.et-portfolio-showcase{padding:90px 20px;font-family:Arial,sans-serif;background:#f8fafc;color:#0f172a;}
.et-portfolio-wrap{max-width:1150px;margin:auto;}

.et-portfolio-head{text-align:center;margin-bottom:50px;}
.et-portfolio-tag{
  display:inline-block;
  padding:6px 12px;
  background:#e2e8f0;
  border-radius:20px;
  font-size:12px;
  font-weight:bold;
  margin-bottom:10px;
}
.et-portfolio-head h2{font-size:2.4rem;margin-bottom:10px;}
.et-portfolio-head p{color:#64748b;}

.et-portfolio-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:25px;
}

.et-portfolio-card{
  background:#ffffff;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  transform:translateY(40px);
  opacity:0;
  transition:0.6s ease;
}

.et-portfolio-media img{
  width:100%;
  display:block;
}

.et-portfolio-body{padding:20px;}
.et-portfolio-body h3{margin-bottom:6px;}
.et-portfolio-result{
  color:#16a34a;
  font-weight:bold;
  margin-bottom:6px;
}
.et-portfolio-desc{color:#555;font-size:14px;}

.et-appear.show{
  opacity:1;
  transform:translateY(0);
}

@media(max-width:900px){
  .et-portfolio-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:600px){
  .et-portfolio-grid{grid-template-columns:1fr;}
}