diff --git a/src/features/home/community.tsx b/src/features/home/community.tsx
index 3ad01bf..26dbb31 100644
--- a/src/features/home/community.tsx
+++ b/src/features/home/community.tsx
@@ -70,7 +70,7 @@ export const Community = ({ contributors, wall }: CommunityProps) => {
             {podium.map((contributor, index) => (
               <Reveal delay={index * 0.08} key={contributor.login}>
                 <Link
-                  className="border-border-default bg-surface group flex h-full flex-col gap-y-6 rounded-2xl border p-8 transition-all duration-300 hover:-translate-y-1.5 hover:shadow-xl"
+                  className="border-border-default bg-main group flex h-full flex-col gap-y-6 rounded-2xl border p-8 transition-all duration-300 hover:-translate-y-1.5 hover:shadow-xl"
                   href={contributor.htmlUrl}
                   rel="noopener noreferrer"
                   target="_blank"
@@ -87,13 +87,13 @@ export const Community = ({ contributors, wall }: CommunityProps) => {
                   </div>
                   <div className="mt-auto space-y-1">
                     <p className="text-xl font-medium text-black">{contributor.name ?? contributor.login}</p>
-                    <p className="text-muted-foreground font-mono text-xs">@{contributor.login}</p>
+                    <p className="font-mono text-xs">@{contributor.login}</p>
                   </div>
                   <p className="font-mono text-sm">
-                    <span className="bg-main rounded-full px-2.5 py-1 font-semibold text-black">
+                    <span className="bg-surface rounded-full px-2.5 py-1 font-semibold text-black">
                       {contributor.contributions}
                     </span>
-                    <span className="text-muted-foreground ml-2.5">merged PRs</span>
+                    <span className="ml-2.5">merged PRs</span>
                   </p>
                 </Link>
               </Reveal>
diff --git a/src/features/home/hero-card-3d.tsx b/src/features/home/hero-card-3d.tsx
index da11fab..c053057 100644
--- a/src/features/home/hero-card-3d.tsx
+++ b/src/features/home/hero-card-3d.tsx
@@ -50,13 +50,13 @@ const HeroCard3d = ({ member, practiceRepoName }: HeroCard3dProps) => {
       <pointLight color="#ffe34d" intensity={30} position={[-4, -2, 4]} />
       <CardRig>
         <Float floatIntensity={0.7} rotationIntensity={0.25} speed={2}>
-          <RoundedBox args={[4, 5, 0.16]} radius={0.14} smoothness={4}>
+          <RoundedBox args={[3.2, 4, 0.16]} radius={0.14} smoothness={4}>
             <meshPhysicalMaterial clearcoat={1} clearcoatRoughness={0.6} color={cardColor} roughness={0.4} />
           </RoundedBox>
           <Html
             center
             className="pointer-events-none select-none"
-            distanceFactor={2.85}
+            distanceFactor={2.4}
             position={[0, 0, 0.09]}
             transform
           >
diff --git a/src/features/home/hero-card-face.tsx b/src/features/home/hero-card-face.tsx
index 04790c1..0c91c34 100644
--- a/src/features/home/hero-card-face.tsx
+++ b/src/features/home/hero-card-face.tsx
@@ -22,35 +22,35 @@ type HeroCardFaceProps = {
  * <HeroCardFace member={featured} practiceRepoName="Practice-Contribution" />
  */
 export const HeroCardFace = ({ member, practiceRepoName }: HeroCardFaceProps) => (
-  <div className="flex w-84 flex-col gap-y-5 p-7 text-left">
+  <div className="flex w-80 flex-col gap-y-4 p-6 text-left">
     <div className="flex items-center gap-x-4">
-      <Image alt={member.name ?? member.login} className="rounded-full" height={64} src={member.avatarUrl} width={64} />
+      <Image alt={member.name ?? member.login} className="rounded-full" height={72} src={member.avatarUrl} width={72} />
       <div className="min-w-0">
-        <p className="text-foreground truncate text-2xl font-semibold">{member.name ?? member.login}</p>
-        <p className="text-muted-foreground truncate font-mono text-sm">@{member.login}</p>
+        <p className="text-foreground truncate text-3xl font-semibold">{member.name ?? member.login}</p>
+        <p className="text-muted-foreground truncate font-mono text-base">@{member.login}</p>
       </div>
     </div>
-    {member.bio && <p className="text-muted-foreground text-base leading-relaxed">{member.bio}</p>}
-    <div className="text-muted-foreground flex flex-wrap items-center gap-x-4 gap-y-1.5 font-mono text-sm">
+    {member.bio && <p className="text-muted-foreground text-lg leading-relaxed">{member.bio}</p>}
+    <div className="text-muted-foreground flex flex-wrap items-center gap-x-4 gap-y-1.5 font-mono text-base">
       <span className="flex items-center gap-x-1.5">
-        <Users className="size-4" />
+        <Users className="size-5" />
         {member.followers.toLocaleString()} followers
       </span>
       {member.location && (
         <span className="flex items-center gap-x-1.5">
-          <MapPin className="size-4" />
+          <MapPin className="size-5" />
           {member.location}
         </span>
       )}
     </div>
     <hr />
-    <div className="space-y-3 text-base">
+    <div className="space-y-3 text-lg">
       <p className="text-muted-foreground flex items-center gap-x-2.5">
-        <GitMerge className="size-5 shrink-0" />
+        <GitMerge className="size-6 shrink-0" />
         {member.contributions} merged PRs in {practiceRepoName}
       </p>
       <p className="text-foreground flex items-center gap-x-2.5 font-medium">
-        <BadgeCheck className="fill-main size-5 shrink-0 text-black" />
+        <BadgeCheck className="fill-main size-6 shrink-0 text-black" />
         Top contributor — earned, not bought
       </p>
     </div>
diff --git a/src/features/home/hero.tsx b/src/features/home/hero.tsx
index 030b4c8..231883b 100644
--- a/src/features/home/hero.tsx
+++ b/src/features/home/hero.tsx
@@ -82,14 +82,14 @@ export const Hero = ({ featured, stats, faces }: HeroProps) => {
         </motion.div>
       </div>
       {featured && (
-        <motion.div {...enter(0.36)} className="relative min-h-150 w-full">
+        <motion.div {...enter(0.36)} className="relative min-h-130 w-full">
           <div aria-hidden className="bg-main/25 absolute inset-x-1/4 top-1/4 bottom-1/4 rounded-full blur-3xl" />
           {reducedMotion ? (
             <div className="border-border-default bg-background relative mx-auto w-fit rounded-3xl border shadow-xl">
               <HeroCardFace member={featured} practiceRepoName={PRACTICE_REPO_NAME} />
             </div>
           ) : (
-            <div className="relative h-105 w-full sm:h-130">
+            <div className="relative h-95 w-full sm:h-120">
               <HeroCard3d member={featured} practiceRepoName={PRACTICE_REPO_NAME} />
             </div>
           )}