.cases-page{max-width:1280px;margin:0 auto;padding:28px clamp(22px,4vw,56px) 92px;color:#193450}.cases-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.85fr);gap:42px;padding:34px 0 42px;border-block:1px solid #dce7f1;align-items:end}.cases-hero>p,.case-number{margin:0;color:#286bc0;font-size:12px;font-weight:850;letter-spacing:.14em}.cases-hero h2,.case-study h2,.case-flow h2,.case-closing h2{margin:13px 0 0;color:#142f51;font-size:clamp(34px,4.1vw,62px);line-height:1.08;letter-spacing:-.04em}.cases-hero>div{color:#5c7087;font-size:17px;line-height:1.8}.case-studies{margin-top:52px}.case-study{display:grid;grid-template-columns:1fr 1fr;margin-top:28px;background:#f2f6fb}.case-study-reverse figure{order:2}.case-study figure{min-height:440px;margin:0;overflow:hidden;background:#e2eaf2}.case-study figure img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.case-study:hover figure img{transform:scale(1.035)}.case-study-copy{padding:clamp(30px,4.3vw,60px)}.case-study h2{font-size:clamp(30px,3.35vw,47px)}.case-study dl{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin:28px 0 24px}.case-study dl div{padding:12px 0;border-top:1px solid #d7e1ec}.case-study dt{margin-bottom:4px;color:#1f5fa9;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.case-study dd{margin:0;color:#52677e;font-size:14px;line-height:1.5}.case-study h3{margin:21px 0 6px;color:#204569;font-size:17px}.case-study h3+p{margin:0;color:#5b6f85;font-size:15px;line-height:1.7}.case-tags{margin:24px 0 0!important;padding-top:17px;border-top:1px solid #d7e1ec;color:#1765b8!important;font-size:13px!important;font-weight:750;line-height:1.55}.case-flow{padding:clamp(40px,6vw,80px) 0 10px}.case-flow h2{font-size:clamp(32px,3.8vw,54px)}.case-flow-lead{max-width:700px;color:#5a6e84;font-size:17px;line-height:1.75}.case-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:34px;background:#d8e3ee}.case-flow-grid article{min-height:170px;padding:25px;background:#fff}.case-flow-grid b{color:#1c5387;font-size:17px}.case-flow-grid p{margin:12px 0 0;color:#63758a;font-size:14px;line-height:1.65}.case-closing{margin-top:58px;padding:clamp(38px,6vw,80px);background:linear-gradient(125deg,#0d2a4a,#1f5e9b);color:#fff}.case-closing h2{color:#fff}.case-closing p{max-width:720px;color:#dceafa;font-size:18px;line-height:1.75}.case-closing a{display:inline-flex;gap:18px;align-items:center;margin-top:16px;padding:14px 19px;border:1px solid #b1c9e4;color:#fff;font-weight:800;text-decoration:none;transition:gap .2s ease,background .2s ease}.case-closing a:hover{gap:25px;background:#ffffff16}@media(max-width:820px){.cases-page{padding-top:20px}.cases-hero,.case-study{grid-template-columns:1fr}.cases-hero{gap:18px;padding:26px 0 30px}.case-study figure{min-height:280px}.case-study-reverse figure{order:0}.case-study-copy{padding:28px 23px}.case-flow-grid{grid-template-columns:1fr 1fr}.case-closing{margin-top:38px}}@media(max-width:520px){.case-study dl,.case-flow-grid{grid-template-columns:1fr}.case-study figure{min-height:240px}.case-flow-grid article{min-height:0}.cases-hero h2{font-size:39px}}

/* Keep the case-page lead-in aligned with the compact process page. */
.site-main:has(.cases-page){padding-top:0}.entry-content:has(.cases-page){margin-top:0}.cases-page{padding-top:28px}
html[lang="zh-CN"] .case-closing p{max-width:none;white-space:nowrap}
@media(max-width:900px){.cases-page{padding-top:20px}html[lang="zh-CN"] .case-closing p{white-space:normal}}
/* Direct landing classes keep this spacing independent of :has() support. */
.cases-landing .site-main{padding-top:0!important}.cases-landing .entry-content{margin-top:0!important}.cases-landing .cases-page{padding-top:28px!important}@media(max-width:900px){.cases-landing .cases-page{padding-top:20px!important}}
/* The compact lead-in matches the process page: keep only page padding before the first case. */
.cases-landing .case-studies{margin-top:0!important}