From 15c7bbc7417d2eb475165da003edcca644195008 Mon Sep 17 00:00:00 2001 From: root Date: Fri, 18 Sep 2026 13:27:01 +0200 Subject: [PATCH] fix(mp-card): prevent grid from clipping hover glow; soften accent shadow --- public/css/main.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/public/css/main.css b/public/css/main.css index d10eee3..1c57bd1 100644 --- a/public/css/main.css +++ b/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 {