.portfolio{background:#0a0a0a;padding:60px 40px}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1400px;margin:0 auto;display:grid}.portfolio-card{background:#1a1a1a;border-radius:12px;text-decoration:none;transition:transform .3s,box-shadow .3s;display:block;overflow:hidden}.portfolio-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.portfolio-card-img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.portfolio-card-info{padding:16px 20px}.portfolio-card-info h3{color:#fff;margin:0 0 4px;font-size:18px;font-weight:600}.portfolio-card-info span{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:13px}@media (max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.portfolio{padding:40px 16px}.portfolio-grid{grid-template-columns:1fr;gap:16px}.portfolio-card-img{aspect-ratio:16/10}}