/* 2026/10/27 TOP case card: retain each post's content and measured outcomes. */
.top-case-copy{display:flex;flex-direction:column;gap:14px}
.top-case-outcome{background:#eef7ff;padding:20px}
.top-case-challenge{gap:30px;font-size:22px;line-height:32px;align-items:center}
.top-case-challenge>.top-case-label{min-height:104px;align-self:stretch}
.top-case-emphasis{color:#2767e7}
.top-case-down{margin:12px 0}
.top-case-down>img{width:28px;height:12px}
.top-case-result{gap:30px}
.top-case-result-content{gap:8px}
.top-case-result-eyebrow{margin:0;font-size:14px;font-weight:700;line-height:20px}
.top-case-result-line>strong{font-size:24px;line-height:34px}
.top-case-metrics{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.top-case-metric{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:10px 14px 8px;border-radius:6px;background:#fff;color:#2767e7;min-width:0}
.top-case-metric>span{font-size:14px;font-weight:700;line-height:20px}
.top-case-metric>p{display:flex;align-items:baseline;gap:2px;margin:0;white-space:nowrap}
.top-case-metric strong{font-family:'Geist',sans-serif;font-size:40px;font-weight:900;line-height:46px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}
.top-case-metric b{font-size:24px;line-height:32px}
.top-case-result-content>small{font-size:10px;line-height:15px}
.top-case-meta{display:flex;align-items:center;gap:14px;min-height:48px}
.top-case-client{flex:0 1 270px;min-width:0;border:0;padding:0}
.top-case-client>p{font-size:14px;line-height:20px}
.top-case-client>img{flex:none}
.top-case-meta>.tags{flex:1;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:16px;line-height:24px;margin:0}
.top-case-meta>.tags>span{padding:0;background:none;color:#808791;border-radius:0}
.top-case-slide .case-slide-image{max-width:100%;height:auto;aspect-ratio:331/586;flex-shrink:0}
/* The 2000x1200 animation crop must scale uniformly, regardless of its phone-frame width. */
.top-case-slide .case-phone-art>:is(img,video){height:auto;object-fit:contain;top:0;transform:translateY(-10.735%)}
/* Enhanced video contains only the phone, instead of decoding the offscreen composite. */
.top-case-slide .case-phone-art>video.motion-enhanced{width:100%;height:100%;left:0;top:0;object-fit:cover;transform:none}
@media(min-width:701px) and (max-width:1100px){
 .top-case-slide{flex-basis:calc(100vw - 64px);width:calc(100vw - 64px);padding:30px;gap:20px}
 .top-case-slide .case-slide-image{flex:0 0 31%;width:31%}
 .top-case-copy h3{font-size:26px}
 .top-case-label{flex-basis:70px}
 .top-case-challenge,.top-case-result{gap:16px}
 .top-case-challenge{font-size:18px;line-height:1.5}
 .top-case-result-line>strong{font-size:20px;line-height:1.5}
 .top-case-meta{flex-wrap:wrap}
 .top-case-meta>.tags{flex-basis:100%;font-size:14px}
}
@media(max-width:700px){
 .top-case-copy{gap:14px}
 .top-case-outcome{padding:14px}
 .top-case-challenge,.top-case-result{gap:12px}
 .top-case-challenge{font-size:15px;line-height:1.5}
 .top-case-label{flex-basis:48px}
 .top-case-challenge>.top-case-label{min-height:80px}
 .top-case-result-line>strong{font-size:16px;line-height:1.5}
 .top-case-result-eyebrow{font-size:11px;line-height:1.5}
 .top-case-metrics{gap:7px}
 .top-case-metric{padding:8px 10px}
 .top-case-metric>span{font-size:11px;line-height:16px}
 .top-case-metric strong{font-size:28px;line-height:34px}
 .top-case-metric b{font-size:16px;line-height:24px}
 .top-case-result-content>small{font-size:10px;line-height:1.5}
 .top-case-meta{align-items:flex-start;flex-direction:column;gap:10px}
 .top-case-client{flex:auto}
 .top-case-meta>.tags{flex:auto;font-size:12px;line-height:1.6}
 .top-case-slide .case-slide-image{width:260px;flex-basis:auto}
}