/* ===== Project cards and the "all projects" page ===== */
.proj{--x:50%;--y:50%;display:grid;gap:.6rem;padding:1.6rem;border:1px solid var(--line);border-radius:18px;background:radial-gradient(420px circle at var(--x) var(--y),rgba(254,144,0,.11),transparent 60%),var(--card);position:relative;transition:border-color .25s,transform .3s}
.proj+.proj{margin-top:1rem}
.proj:hover{border-color:var(--acc);transform:translateY(-3px)}
.proj.wip{border-style:dashed}
.ph{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.proj h3{font-weight:800;font-size:clamp(1.4rem,3vw,1.9rem);min-width:0;overflow-wrap:anywhere}
.proj h3 a{text-decoration:none}
.proj h3 a::after{content:"";position:absolute;inset:0;border-radius:18px}
.go{width:2.5rem;height:2.5rem;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--cream);transition:.3s;flex:none}
.go svg{width:16px;height:16px}
.proj:hover .go{background:var(--acc);border-color:var(--acc);color:#000;transform:rotate(-45deg)}
.badge{font-size:.82rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.25rem .7rem;white-space:nowrap}
.proj p{max-width:44rem}
.proj .tags{position:relative;z-index:2}

.more-row{margin-top:1.8rem}
#viewall:hover svg{transform:translateX(3px)}

/* all-projects page */
.phead{padding:7rem 0 0}
.back{display:inline-flex;gap:.5rem;align-items:center;font-size:.95rem;color:var(--soft);text-decoration:none;margin-bottom:1.6rem}
.back svg{width:15px;height:15px;transition:transform .25s}
.back:hover{color:var(--cream)}
.back:hover svg{transform:translateX(-4px)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:-.6rem 0 1rem}
.chip{font-size:.9rem;border:1px solid var(--line);border-radius:999px;padding:.4rem .9rem;text-decoration:none;color:var(--soft);transition:.2s}
.chip:hover{border-color:var(--cream);color:var(--cream)}
.chip.on{background:var(--acc);border-color:var(--acc);color:#000}
.sum{color:var(--muted);font-size:.95rem;margin:0 0 1.6rem}
.empty{color:var(--muted);padding:2rem 0}
.proj.in{animation:cardin .5s ease both;animation-delay:calc(var(--i)*70ms)}
@keyframes cardin{from{opacity:0;transform:translateY(12px)}}