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">
-                  {member.role}
+                {/* Each segment is its own non-breaking span: the line now
+                    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}