feat(restyle): new site design with cleanup

Restyle home, art, and clients pages with new navigation,
component architecture, and visual design. Merge duplicate
FeaturedProject/ProjectRow into single component, strip
unnecessary comments, fix cn() usage and type consistency.

Author: KodingDev

.impeccable.md

@@ -0,0 +1,26 @@
+## Design Context
+
+### Users
+A mixed audience of potential clients (gaming/Minecraft industry), employers, fellow developers, and the broader community. Visitors are evaluating Stella's work, personality, and technical ability. They want to quickly understand what she does, see compelling examples, and get a sense of who she is as a person.
+
+### Brand Personality
+**Warm, approachable, fun.** The site should feel like meeting someone genuinely enthusiastic about their craft. Not corporate, not cold — personality shines through in every detail. Think: a friend showing you their coolest work over coffee.
+
+### Aesthetic Direction
+- **Visual tone:** Portfolio showcase — image-heavy, visual storytelling, project cards that invite exploration
+- **Typography:** Instrument Serif for headings (editorial warmth), Switzer for body (clean readability)
+- **Color:** Purple primary (#9145FF) is the brand identity. Blue (#0085FF) and yellow (#FAC230) as playful accents. Both light and dark themes supported.
+- **References:** marijanapav.com (primary inspiration), raffi.zip, dzrgo.com, loganliffick.com, danielsun.space, emilkowal.ski, jakub.kr, benissen.com — all share: strong visual identity, personality-forward design, generous imagery, thoughtful typography, and layouts that feel curated rather than templated
+- **Anti-patterns:** Generic SaaS/template looks, overly minimal "developer portfolio" energy, cookie-cutter card grids without personality
+
+### Design Principles
+
+1. **Show, don't tell** — Lead with visuals. Images, videos, and interactive elements communicate more than paragraphs. Every section should have a strong visual anchor.
+
+2. **Personality in the details** — Small touches (twinkling stars, cat photos, playful copy) make the site memorable. Don't sand these away for "professionalism."
+
+3. **Warmth over polish** — Prefer designs that feel human and inviting over those that feel cold and perfect. Rounded edges, warm tones, approachable typography.
+
+4. **Curated, not comprehensive** — Show the best work prominently rather than listing everything equally. Quality of presentation over quantity of content.
+
+5. **Accessible by default** — WCAG AA minimum. Good contrast ratios, keyboard navigation, screen reader support. Accessibility is not optional.

package.json

@@ -17,49 +17,50 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@posthog/nextjs-config": "^1.6.4",
+    "@posthog/nextjs-config": "^1.8.23",
     "class-variance-authority": "^0.7.1",
     "client-only": "^0.0.1",
     "clsx": "^2.1.1",
-    "envin": "^1.1.10",
-    "next": "16.0.8",
+    "envin": "^1.2.0",
+    "media-chrome": "^4.18.2",
+    "next": "16.2.1",
     "next-themes": "^0.4.6",
     "nextjs-toploader": "^3.9.17",
-    "posthog-js": "^1.302.2",
-    "posthog-node": "^5.17.2",
-    "react": "19.2.1",
-    "react-dom": "19.2.1",
-    "react-icons": "^5.5.0",
-    "remeda": "^2.32.0",
+    "posthog-js": "^1.363.1",
+    "posthog-node": "^5.28.5",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "react-icons": "^5.6.0",
+    "remeda": "^2.33.6",
     "server-only": "^0.0.1",
     "sharp": "^0.34.5",
-    "tailwind-merge": "^3.4.0",
-    "zod": "^4.1.13"
+    "tailwind-merge": "^3.5.0",
+    "zod": "^4.3.6"
   },
   "devDependencies": {
-    "@biomejs/biome": "^2.3.8",
-    "@tailwindcss/postcss": "^4.1.17",
+    "@biomejs/biome": "^2.4.8",
+    "@tailwindcss/postcss": "^4.2.2",
     "@tailwindcss/typography": "^0.5.19",
-    "@types/node": "^24.10.2",
-    "@types/react": "19.2.7",
+    "@types/node": "^24.12.0",
+    "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
     "babel-plugin-react-compiler": "^1.0.0",
     "cross-env": "^10.1.0",
-    "eslint": "^9.39.1",
-    "eslint-config-next": "^16.0.8",
+    "eslint": "^9.39.4",
+    "eslint-config-next": "16.2.1",
     "eslint-plugin-better-tailwindcss": "^3.8.0",
     "npm-run-all": "^4.1.5",
-    "postcss": "^8.5.6",
-    "tailwindcss": "^4.1.17",
+    "postcss": "^8.5.8",
+    "tailwindcss": "^4.2.2",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.49.0",
+    "typescript-eslint": "^8.57.1",
     "velite": "^0.3.1"
   },
   "packageManager": "pnpm@10.25.0+sha512.5e82639027af37cf832061bcc6d639c219634488e0f2baebe785028a793de7b525ffcd3f7ff574f5e9860654e098fe852ba8ac5dd5cefe1767d23a020a92f501",
   "pnpm": {
     "overrides": {
-      "@types/react": "19.2.7",
+      "@types/react": "19.2.14",
       "@types/react-dom": "19.2.3"
     }
   }