Update alumni layout and team roster

Author: AshirBorah

css/styles.css

@@ -339,19 +339,24 @@ section {
 }
 
 .research-card {
-  display: grid;
-  gap: calc(var(--space-unit) * 2);
-  padding: calc(var(--space-unit) * 4);
+  padding: calc(var(--space-unit) * 3);
   background: var(--gray-50);
   border: 1px solid var(--gray-200);
   border-radius: 8px;
   transition: all 0.3s var(--ease-out-expo);
 }
 
+.research-card-head {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--space-unit) * 1.5);
+  margin-bottom: calc(var(--space-unit) * 1.5);
+}
+
 .research-icon {
-  width: 48px;
-  height: 48px;
-  border-radius: 14px;
+  width: 32px;
+  height: 32px;
+  border-radius: 10px;
   display: grid;
   place-items: center;
   background: linear-gradient(140deg, rgba(22, 163, 74, 0.14), rgba(20, 184, 166, 0.12));
@@ -360,8 +365,8 @@ section {
 }
 
 .research-icon svg {
-  width: 26px;
-  height: 26px;
+  width: 18px;
+  height: 18px;
 }
 
 .research-card:hover {
@@ -374,13 +379,14 @@ section {
   font-family: var(--font-serif);
   font-size: 1.2rem;
   font-weight: 500;
-  margin-bottom: calc(var(--space-unit) * 2);
+  margin-bottom: 0;
 }
 
 .research-card p {
   font-size: 0.9rem;
   color: var(--gray-600);
   line-height: 1.6;
+  margin-top: calc(var(--space-unit) * 1);
 }
 
 /* Team Section */
@@ -776,51 +782,21 @@ section {
   background: var(--gray-50);
 }
 
-.alumni-marquee {
-  position: relative;
-  overflow: hidden;
-  padding: calc(var(--space-unit) * 1) 0;
-}
-
-.alumni-marquee::before,
-.alumni-marquee::after {
-  content: '';
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  width: 80px;
-  z-index: 2;
-  pointer-events: none;
-}
-
-.alumni-marquee::before {
-  left: 0;
-  background: linear-gradient(to right, var(--gray-50), rgba(250, 250, 250, 0));
-}
-
-.alumni-marquee::after {
-  right: 0;
-  background: linear-gradient(to left, var(--gray-50), rgba(250, 250, 250, 0));
-}
-
-.alumni-track {
+.alumni-grid {
   display: flex;
-  gap: calc(var(--space-unit) * 2);
-  width: max-content;
-  animation: alumni-marquee var(--marquee-duration, 28s) linear infinite;
-}
-
-.alumni-marquee:hover .alumni-track {
-  animation-play-state: paused;
+  flex-wrap: wrap;
+  gap: calc(var(--space-unit) * 1.5);
 }
 
 .alumni-item {
-  padding: calc(var(--space-unit) * 2.5) calc(var(--space-unit) * 3);
+  display: inline-flex;
+  align-items: center;
+  gap: calc(var(--space-unit) * 1);
+  padding: calc(var(--space-unit) * 1) calc(var(--space-unit) * 1.5);
   background: var(--white);
   border: 1px solid var(--gray-200);
-  border-radius: 6px;
+  border-radius: 999px;
   transition: all 0.2s ease;
-  min-width: 260px;
 }
 
 .alumni-item:hover {
@@ -830,25 +806,17 @@ section {
 
 .alumni-name {
   font-weight: 500;
-  margin-bottom: 4px;
+  font-size: 0.85rem;
+  margin-bottom: 0;
 }
 
-.alumni-years {
+.alumni-meta {
   font-family: var(--font-mono);
-  font-size: 0.8rem;
-  color: var(--accent-green);
-  margin-bottom: 4px;
-}
-
-.alumni-current {
-  font-size: 0.9rem;
-  color: var(--gray-600);
+  font-size: 0.65rem;
+  color: var(--gray-500);
+  line-height: 1.2;
 }
 
-@keyframes alumni-marquee {
-  from { transform: translateX(0); }
-  to { transform: translateX(-50%); }
-}
 
 /* Contact Section */
 #contact {
@@ -966,12 +934,6 @@ footer {
     transform: none;
     transition: none;
   }
-
-  .alumni-track {
-    animation: none;
-    flex-wrap: wrap;
-    width: 100%;
-  }
 }
 
 /* Responsive - Tablet */
@@ -1082,8 +1044,7 @@ footer {
     grid-template-columns: 1fr;
   }
 
-  .alumni-marquee::before,
-  .alumni-marquee::after {
-    width: 40px;
+  .alumni-grid {
+    justify-content: center;
   }
 }