/* /case-studies/?preview=cards (body.cs-ov-cards). Peter's card design kept; Figma overview card spec (node 5009:11300). */
/* 1) Stat icons: smaller, in step with the numbers (Figma: 27px icon beside a 27px number on a 490px card) */
.cs-ov-cards .cs-card__value { gap:6px; }
.cs-ov-cards .cs-card__value > img { width:22px !important; height:22px !important; object-fit:contain; }
@media (min-width:1600px) { .cs-ov-cards .cs-card__value > img { width:24px !important; height:24px !important; } }
@media (min-width:1920px) { .cs-ov-cards .cs-card__value > img { width:27px !important; height:27px !important; } }
/* 2) Hover: dark card with title, divider, description, divider, outlined Read More pill */
.cs-ov-cards .cs-card { position:relative; overflow:hidden; isolation:isolate; }
.cs-ov-cards .cs-card__hover { position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; gap:20px; padding:32px; background:#15171C; border-radius:inherit; text-align:left; opacity:0; visibility:hidden; transition:opacity .35s ease, visibility 0s linear .35s; }
.cs-ov-cards .cs-card:hover .cs-card__hover, .cs-ov-cards .cs-card:focus-visible .cs-card__hover, .cs-ov-cards .cs-card--hover .cs-card__hover { opacity:1; visibility:visible; transition:opacity .35s ease, visibility 0s; }
.cs-ov-cards .cs-card__htitle { margin:0; font-family:'Averta CY',sans-serif; font-weight:700; font-size:22px; line-height:1.32; color:#fff; transform:translateY(8px); transition:transform .35s ease; }
.cs-ov-cards .cs-card__hrule { display:block; height:1px; width:100%; background:rgba(255,255,255,.16); flex:0 0 1px; }
.cs-ov-cards .cs-card__hrule--end { margin-top:auto; }
.cs-ov-cards .cs-card__hdesc { margin:0; font-family:'Averta CY',sans-serif; font-weight:600; font-size:16px; line-height:1.6; color:#fff; transform:translateY(8px); transition:transform .35s ease .05s; }
.cs-ov-cards .cs-card:hover .cs-card__htitle, .cs-ov-cards .cs-card:hover .cs-card__hdesc, .cs-ov-cards .cs-card--hover .cs-card__htitle, .cs-ov-cards .cs-card--hover .cs-card__hdesc { transform:none; }
.cs-ov-cards .cs-card__more { align-self:flex-end; display:inline-flex; align-items:center; height:48px; padding:0 24px; border:1px solid #fff; border-radius:100px; font-family:'Averta CY',sans-serif; font-weight:600; font-size:16px; color:#fff; transition:background .25s ease, color .25s ease; }
.cs-ov-cards .cs-card:hover .cs-card__more:hover { background:#fff; color:#15171C; }
@media (prefers-reduced-motion:reduce) { .cs-ov-cards .cs-card__hover, .cs-ov-cards .cs-card__htitle, .cs-ov-cards .cs-card__hdesc { transition:none; } }