fix: card sizing on homepage

src/components/sections/Services.module.css

@@ -29,6 +29,16 @@
   gap: var(--space-xl);
 }
 
+.cardWrapper {
+  height: 100%;
+}
+
+.serviceCard {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
 @media (min-width: 1024px) {
   .grid {
     grid-template-columns: repeat(4, 1fr);

src/components/sections/Services.tsx

@@ -78,8 +78,8 @@ export function Services() {
           viewport={{ once: true, margin: '-50px' }}
         >
           {t.services.items.map((service, index) => (
-            <motion.div key={index} variants={itemVariants}>
+            <motion.div key={index} variants={itemVariants} className={styles.cardWrapper}>
-              <Card>
+              <Card className={styles.serviceCard}>
                 <Card.Icon>
                   {icons[service.icon as keyof typeof icons]}
                 </Card.Icon>