From c2e4e2763fb88a2cec518a2de77480223fdbbc9f Mon Sep 17 00:00:00 2001 From: Codex Date: Tue, 21 Jul 2026 13:26:30 +0200 Subject: [PATCH] Highlight only the hovered service card --- app/globals.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/app/globals.css b/app/globals.css index b7c5c23..579c9a2 100644 --- a/app/globals.css +++ b/app/globals.css @@ -87,3 +87,8 @@ body{overflow-wrap:break-word} .contact aside h2{font-size:34px;line-height:1.12}.form label,.form legend{line-height:1.35}.checks span{line-height:1.25} @media(max-width:1040px){.page-hero h1{font-size:clamp(46px,6.5vw,66px)}.process-list article{grid-template-columns:52px minmax(170px,.8fr) minmax(0,1.2fr)}.process-list strong{grid-column:2/-1;justify-self:start;max-width:none;text-align:left}.case-copy section{grid-template-columns:115px minmax(0,1fr)}} @media(max-width:760px){.hero h1{font-size:clamp(45px,13vw,62px)}.page-hero h1{font-size:clamp(40px,11.5vw,56px);line-height:1.04}.split h2,.title-row h2,.cta h2,.principles h2,.funnel-head h2{font-size:clamp(38px,10vw,52px)}.service-grid article,.adv-grid article,.scenario{min-height:auto}.process-list article{grid-template-columns:42px minmax(0,1fr);gap:18px}.process-list article>p,.process-list article>strong{grid-column:2}.principles>div:last-child article{grid-template-columns:38px minmax(0,1fr)}.principles article p{grid-column:2}.case-art>strong{font-size:30px}.case-copy h2{font-size:29px}.case-copy section{grid-template-columns:1fr;gap:10px}.faq summary{grid-template-columns:38px minmax(0,1fr) 24px;font-size:17px}.form-row{grid-template-columns:1fr}} + +/* Only one service card is highlighted at a time. */ +.service-grid:hover article:first-child:not(:hover){color:var(--ink);background:rgba(255,255,255,.70);box-shadow:0 12px 36px rgba(38,24,64,.045)} +.service-grid:hover article:first-child:not(:hover)>span{color:var(--purple)} +.service-grid:hover article:first-child:not(:hover) p{color:var(--muted)}