Marque les trois membres comme co-fondateurs

Le studio a été fondé à trois, mais seul le rôle du jour était affiché.
"Co-founder" ouvre maintenant les trois cartes plutôt que d'être
accroché à un seul nom.

La ligne de rôle passe en segments insécables au passage : sur trois
cartes sur trois elle tient désormais sur deux lignes, et le navigateur
aurait coupé "Co-founder" à son trait d'union.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

app/studio/page.tsx

@@ -64,8 +64,20 @@ export default function StudioPage() {
                 <h3 className="mb-2 font-display text-2xl tracking-wider transition-colors duration-300 group-hover:text-accent">
                   {member.name}
                 </h3>
-                <p className="mb-4 text-xs uppercase tracking-widest text-accent">
+                {/* Each segment is its own non-breaking span: the line now
-                  {member.role}
+                    wraps on three cards out of three, and left to itself the
+                    browser would break "Co-founder" at its hyphen. */}
+                <p className="mb-4 flex flex-wrap justify-center gap-x-2 text-xs uppercase tracking-widest text-accent">
+                  {member.role.split(" · ").map((part, index) => (
+                    <span key={part} className="whitespace-nowrap">
+                      {index > 0 && (
+                        <span aria-hidden className="mr-2 text-accent/40">
+                          ·
+                        </span>
+                      )}
+                      {part}
+                    </span>
+                  ))}
                 </p>
                 <p className="text-sm leading-relaxed text-foreground-muted">
                   {member.bio}

lib/studio.ts

@@ -7,6 +7,9 @@
 
 export type Member = {
   name: string;
+  /** Co-founder first, then what the person actually does day to day. The
+   *  three of them founded the studio together, so the word opens every card
+   *  rather than singling anyone out. */
   role: string;
   bio: string;
   /** null until a real photo is shot — the UI falls back to the logo mark. */
@@ -16,19 +19,19 @@ export type Member = {
 export const TEAM: Member[] = [
   {
     name: "Mathew Simon",
-    role: "CEO · Developer",
+    role: "Co-founder · CEO · Developer",
     bio: "Builds the systems, gameplay loops and tools that bring our worlds to life.",
     photo: "/image/Studio/Teams/CEO_Dev.jpg",
   },
   {
     name: "Kevin Tostivin",
-    role: "3D Artist · Art Director",
+    role: "Co-founder · 3D Artist · Art Director",
     bio: "Shapes the visual identity, environments and overall look of every Highland Games world.",
     photo: "/image/Studio/Teams/Kevin.jpeg",
   },
   {
     name: "Axel Mermet",
-    role: "3D Animator",
+    role: "Co-founder · 3D Animator",
     bio: "Brings characters and creatures to life, giving motion and feel to everything on screen.",
     photo: "/image/Studio/Teams/Axel.jpg",
   },