.as3d-portfolio-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
}
.as3d-portfolio-card{
  border:1px solid var(--as3d-border);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.035);
  transition:.22s ease;
}
.as3d-portfolio-card:hover{transform:translateY(-4px);border-color:rgba(250,204,21,.45)}
.as3d-portfolio-image{
  aspect-ratio:1.12;background:linear-gradient(145deg,#263241,#101720);display:grid;place-items:center;color:var(--as3d-yellow);font-weight:900;
}
.as3d-portfolio-image img{width:100%;height:100%;object-fit:cover}
.as3d-portfolio-card>div{padding:16px}
.as3d-portfolio-card h2{font-size:18px;margin:0 0 8px;letter-spacing:-.035em}
.as3d-portfolio-card p{color:var(--as3d-muted);margin:0}
.as3d-portfolio-single{max-width:1120px}
@media (max-width:980px){.as3d-portfolio-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.as3d-portfolio-grid{grid-template-columns:1fr}}