.portfolio{background:#f8fafc}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project-card{overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;text-decoration:none;box-shadow:0 16px 46px rgba(15,23,42,.05)}.project-visual{aspect-ratio:16/10;background:linear-gradient(135deg,#dbeafe,#eff6ff);display:grid;place-items:center}.project-visual svg{width:72%;height:72%}.project-body{padding:20px}.project-body small{color:var(--muted)}.project-body h3{margin:6px 0}.project-body p{color:var(--muted);font-size:14px}@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.portfolio-grid{grid-template-columns:1fr}}