/* Project pages and the top page's project cards: one nav (トップ / 手指 / カメラ) shared by every page. */
.project-nav{display:flex;gap:6px;flex-wrap:wrap;margin:0 auto;padding-top:6px}
.project-nav a{font-size:13px;color:var(--muted);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:6px 14px;background:#141b20;white-space:nowrap}
.project-nav a:hover{color:#fff;border-color:var(--accent)}
.project-nav a[aria-current="page"]{color:#101519;background:var(--accent);border-color:var(--accent);font-weight:700}
.project-nav .tag{font-size:10px;letter-spacing:.08em;margin-left:6px;opacity:.8}
.projects{padding-block:70px 30px}
.projects h2{font-size:clamp(28px,4vw,42px);line-height:1.3;margin:6px 0 0}
.projects h2 span{color:var(--accent)}
.projects .lead{color:var(--muted);font-size:15px;line-height:1.9;margin-top:10px}
.project-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:28px}
.project-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#141b20;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}
.project-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.project-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#0b0f12}
.project-card .body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.project-card .badge{align-self:flex-start;font-size:11px;letter-spacing:.08em;font-weight:700;border-radius:999px;padding:3px 10px;border:1px solid var(--accent);color:var(--accent)}
.project-card .badge.dev{border-color:var(--line);color:var(--muted)}
.project-card h3{margin:0;font-size:21px;color:#fff}
.project-card p{margin:0;font-size:14px;line-height:1.8;color:var(--muted)}
.project-card .more{margin-top:auto;padding-top:8px;font-size:14px;color:var(--accent);font-weight:600}
@media(prefers-reduced-motion:reduce){.project-card{transition:none}.project-card:hover{transform:none}}
@media(max-width:700px){.projects{padding-block:44px 16px}.project-nav a{font-size:12px;padding:5px 11px}}