fix(mp-card): prevent grid from clipping hover glow; soften accent shadow

public/css/main.css

@@ -3252,7 +3252,8 @@ html[data-theme="light"] .hero__portrait-shell {
   padding: 0;
   position: relative;
   min-height: 1px;
-  overflow: hidden;
+  overflow: clip;
+  overflow-clip-margin: 44px;
   transition: height 360ms cubic-bezier(0.2, 0.65, 0.25, 1);
 }
 
@@ -3305,8 +3306,8 @@ html[data-theme="light"] .hero__portrait-shell {
 .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);
+  box-shadow: 0 8px 18px -10px color-mix(in srgb, var(--accent) 28%, transparent),
+              0 2px 6px -3px color-mix(in srgb, var(--accent) 14%, transparent);
 }
 
 .mp-card__body {