/* Service-card hierarchy, scoped to the three magic examples. */
.year-end-page #cases{background:#fff;padding-block:clamp(80px,8vw,128px)}
#cases .ye-cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#cases .ye-case{display:block;grid-row:auto;min-width:0;padding:36px;border-radius:32px;background:var(--blue-mist)}
#cases .ye-case:first-child{background:var(--blue-soft)}
.year-end-page #cases .ye-case-label{font-size:15px;margin:0 0 8px}
.year-end-page #cases .ye-case-metric{margin:24px 0 12px;align-content:start}
#cases .ye-case-metric strong{font-size:clamp(72px,7vw,100px);font-weight:400;line-height:1;letter-spacing:-.04em}
.year-end-page #cases .ye-case-context{font-size:14px;line-height:1.75}
#cases .ye-case-story{margin-top:32px}
.year-end-page #cases .ye-case-story p{font-size:16px;line-height:1.85;text-align:left;margin:0 0 20px}
#cases .ye-case-story strong{font-weight:600;color:var(--navy)}
.year-end-page #cases .ye-case-takeaway{margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line);color:var(--blue-deep);font-weight:500}
@media(min-width:981px){
 #cases .ye-cases-grid{grid-template-columns:1fr 1.15fr;grid-template-rows:repeat(2,1fr);gap:24px}
 #cases .ye-case{display:grid;grid-template-columns:140px minmax(0,1fr);gap:28px;background:var(--blue-mist)}
 #cases .ye-case:first-child{grid-row:span 2;display:flex;flex-direction:column;justify-content:flex-start;gap:40px;background:var(--blue-soft)}
 #cases .ye-case-metric strong{font-size:72px}
 #cases .ye-case:first-child .ye-case-metric strong{font-size:clamp(96px,10vw,144px)}
 .year-end-page #cases .ye-case-label{margin-bottom:24px}
 .year-end-page #cases .ye-case-metric{margin:0 0 16px}
 #cases .ye-case-story{margin-top:0}
 #cases .ye-case-story p>strong{display:inline;font-size:inherit;font-weight:600;line-height:inherit;margin:0}
 .year-end-page #cases .ye-case-takeaway{padding-top:0;border-top:0}
}
@media(min-width:981px) and (max-width:1199px){
 #cases .ye-case{padding:28px;grid-template-columns:112px minmax(0,1fr);gap:24px}
 #cases .ye-case:not(:first-child) .ye-case-metric strong{font-size:60px}
}
@media(max-width:980px){
 #cases .ye-cases-grid{grid-template-columns:1fr}
 #cases .ye-case{display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px;border-radius:24px;padding:clamp(28px,4vw,40px)}
 #cases .ye-case-story{margin-top:0}
}
@media(max-width:768px){
 .year-end-page #cases{padding-block:72px}
 #cases .ye-case{display:block;padding:28px 24px}
 #cases .ye-case>div:first-child{text-align:center}
 .year-end-page #cases .ye-case-metric{justify-content:center;margin:20px 0}
 #cases .ye-case-story{margin-top:28px}
 .year-end-page #cases .ye-case-story .ye-case-takeaway{text-align:center}
}

/* Documentary case photo: retain the complete stage and projection frame. */
#cases .ye-case-photo { grid-column: 1 / -1; margin: 0; min-width: 0; }
#cases .ye-case-photo img { width: 100%; height: auto; border-radius: 16px; }
#cases .ye-case-photo figcaption { margin-top: 12px; text-align: left; }
.year-end-page .event-arrangement h3 { font-size: 17px; font-weight: 500; }
.year-end-page .event-arrangement a { color: var(--blue-deep); font-weight: 600; }
.year-end-page #case-huanan-title { scroll-margin-top: 140px; }
@media (max-width: 768px) { #cases .ye-case-photo { margin-top: 28px; } }