.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}}.portfolio-more-wrap,.portfolio-more-inner{display:contents}.portfolio-more-btn{display:none}@media (max-width:600px){.portfolio-more-wrap{grid-template-rows:0fr;transition:grid-template-rows .7s cubic-bezier(.22,1,.36,1);display:grid}.portfolio-more-wrap.is-open{grid-template-rows:1fr}.portfolio-more-inner{grid-template-columns:1fr;gap:16px;min-height:0;display:grid;overflow:hidden}.portfolio-more-btn{color:#0a0a0a;letter-spacing:-.01em;text-transform:uppercase;cursor:pointer;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;padding:18px 24px;font-family:inherit;font-size:16px;font-weight:500;display:inline-flex;box-shadow:0 10px 30px #00000059}.portfolio-more-count{opacity:.5}.portfolio-more-btn:active{transform:scale(.98)}}