.case-page{background:var(--black);color:var(--white)}
html[lang="zh-CN"] .case-page{font-family:var(--zh-body)}html[lang="zh-CN"] .case-hero h1,html[lang="zh-CN"] .impact-title h2,html[lang="zh-CN"] .case-cta h2{font-family:var(--zh-display);font-weight:700;letter-spacing:-.04em;line-height:1.08}
.case-header{min-height:82px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #34393e}
.case-back{text-transform:uppercase;font-size:.72rem;font-weight:700;letter-spacing:.06em}
.case-hero{padding:clamp(4rem,8vw,8rem) var(--gutter) 4rem;display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,8vw,8rem)}
.case-kicker{color:var(--orange);font-size:.72rem;font-weight:700;text-transform:uppercase}
.case-hero h1{margin:1rem 0;font:clamp(3.2rem,7vw,7.8rem)/.92 var(--display);letter-spacing:-.055em;text-transform:uppercase}
.case-summary{max-width:650px;color:#b9bec2;font-size:1.15rem;line-height:1.65}
.case-meta{margin-top:2.5rem;display:flex;gap:2rem;color:#8f969b;font-size:.72rem;text-transform:uppercase}
.case-media{min-height:560px;background:linear-gradient(135deg,transparent 49.8%,#495057 50%,transparent 50.2%),#252a30;position:relative}
.case-media:after{content:"Campaign media";position:absolute;bottom:1rem;left:1rem;color:#979da2;font-size:.7rem;text-transform:uppercase}
.case-media.has-cover:after{display:none}.case-media.has-cover img{width:100%;height:100%;display:block;object-fit:cover}
.impact{display:grid;grid-template-columns:1.15fr repeat(5,1fr);background:var(--paper);color:var(--black);border-bottom:1px solid var(--line)}
.impact-title,.impact-item{min-height:180px;padding:1.5rem;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}
.impact-title h2{margin:0;font:2.5rem/.95 var(--display);text-transform:uppercase}
.impact-item span{color:var(--gray-500);font-size:.68rem;text-transform:uppercase}.impact-item strong{font:2rem var(--display)}.impact-item small{color:var(--orange)}
.case-story{padding:clamp(5rem,9vw,9rem) var(--gutter);display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;background:var(--paper);color:var(--black)}
.story-block{border-top:2px solid var(--orange);padding-top:1rem}.story-block span{color:var(--orange);font-size:.7rem;font-weight:700}.story-block h2{text-transform:uppercase}.story-block p{color:var(--gray-500);line-height:1.7}
.case-cta{padding:5rem var(--gutter);display:flex;align-items:end;justify-content:space-between}.case-cta h2{margin:0;font:clamp(2.5rem,5vw,5rem)/.95 var(--display);text-transform:uppercase}
@media(max-width:900px){.case-hero{grid-template-columns:1fr}.impact{grid-template-columns:1fr 1fr 1fr}.impact-title{grid-column:1/-1}.case-story{grid-template-columns:1fr}.case-media{min-height:420px}}
@media(max-width:560px){.impact{grid-template-columns:1fr 1fr}.impact-title{grid-column:1/-1}.case-cta{align-items:start;flex-direction:column;gap:2rem}}