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/Header.tsx

@@ -27,7 +27,7 @@ export default function Header() {
       }`}
     >
       <div className="mx-auto flex h-16 max-w-7xl items-center justify-between px-5 md:h-20 md:px-8">
-        <Link href="/" className="flex items-center gap-3" onClick={() => setOpen(false)}>
+        <Link href="/" className="flex items-center gap-3 py-2" onClick={() => setOpen(false)}>
           <Fox className="h-7 w-7 text-fg md:h-8 md:w-8" />
           <span className="font-display text-sm font-light tracking-[0.22em] whitespace-nowrap uppercase md:text-lg md:tracking-[0.3em]">
             Two Tales <span className="text-accent">VFX</span>
@@ -39,7 +39,7 @@ export default function Header() {
             <Link
               key={item.href}
               href={item.href}
-              className="font-mono text-xs tracking-[0.2em] text-muted uppercase transition-colors hover:text-fg"
+              className="py-3 font-mono text-xs tracking-[0.2em] text-muted uppercase transition-colors hover:text-fg"
             >
               {item.label}
             </Link>