Mobile polish: fix 320px overflow, 44px tap targets, readable badges

- Project cards stack credits under title on small screens
- Fluid headings on /work and project pages; next-project banner wraps
- Footer, back, award and nav links padded to ~44px touch targets
- theRender.Fish marked as in-house project

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

components/ProjectCard.tsx

@@ -6,14 +6,14 @@ export default function ProjectCard({ project }: { project: Project }) {
   return (
     <Link href={`/work/${project.slug}/`} className="group block">
       <Frame project={project} />
-      <div className="mt-5 flex items-start justify-between gap-6">
-        <div>
-          <h3 className="font-display text-2xl font-light tracking-wide uppercase transition-colors group-hover:text-accent md:text-3xl">
+      <div className="mt-5 flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between sm:gap-6">
+        <div className="min-w-0">
+          <h3 className="font-display text-2xl font-light tracking-wide break-words uppercase transition-colors group-hover:text-accent md:text-3xl">
             {project.title}
           </h3>
           <p className="mt-1 text-sm text-muted">{project.client}</p>
         </div>
-        <p className="max-w-[45%] pt-2 text-right font-mono text-[11px] tracking-widest text-muted uppercase">
+        <p className="font-mono sm:max-w-[45%] sm:pt-2 sm:text-right text-[11px] tracking-widest text-muted uppercase">
           {project.credits.slice(0, 2).join(" / ")}
         </p>
       </div>