diff --git a/public/css/main.css b/public/css/main.css
index 4b6d5e8..d10eee3 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -3284,7 +3284,7 @@ html[data-theme="light"] .hero__portrait-shell {
   background: var(--surface);
   color: inherit;
   text-decoration: none;
-  transition: border-color 0.22s ease;
+  transition: border-color 0.22s ease, transform 0.28s ease, box-shadow 0.28s ease;
 }
 
 .mp-card:hover,
@@ -3301,6 +3301,14 @@ html[data-theme="light"] .hero__portrait-shell {
   outline-offset: 3px;
 }
 
+.mp-card--link:hover,
+.mp-card--link:focus-visible {
+  transform: translateY(-5px);
+  z-index: 2;
+  box-shadow: 0 14px 30px -14px color-mix(in srgb, var(--accent) 55%, transparent),
+              0 4px 10px -6px color-mix(in srgb, var(--accent) 30%, transparent);
+}
+
 .mp-card__body {
   position: relative;
   z-index: 1;