style: update team cards layout and Instagram links

Remove role text, add clickable Instagram usernames with icon,
and align card heights consistently.

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

src/components/sections/Team.tsx

@@ -17,7 +17,7 @@ export function Team() {
         <div className="mt-12 grid gap-8 sm:grid-cols-2 lg:grid-cols-3">
           {team.members.map((member, i) => (
             <Reveal key={i}>
-              <div className="card text-center">
+              <div className="card flex h-full flex-col items-center text-center">
                 <div className="mx-auto h-32 w-32 overflow-hidden rounded-full">
                   <Image
                     src={member.image}
@@ -28,18 +28,15 @@ export function Team() {
                   />
                 </div>
                 <h3 className="heading-text mt-4 text-lg font-semibold">{member.name}</h3>
-                <p className="muted-text mt-1 text-sm">{member.role}</p>
                 {member.instagram && (
                   <a
                     href={member.instagram}
                     target="_blank"
                     rel="noopener noreferrer"
-                    className="nav-link mt-2 inline-flex items-center gap-1 text-sm"
+                    className="nav-link mt-1 inline-flex gap-1.5 text-sm"
                   >
-                    <Instagram size={14} />
-                    <span>
-                      @{member.instagram.split("/").filter(Boolean).pop()}
-                    </span>
+                    <Instagram size={14} className="shrink-0 mt-[3px]" />
+                    <span>{member.instagram.split("/").filter(Boolean).pop()}</span>
                   </a>
                 )}
               </div>