/* Case studies: existing facts, with a visible before/after comparison. */
body main.renewal #record.case-comparison{padding-block:5rem;background:#f4f9fa;}
body main.renewal .case-ba-intro{margin-bottom:2.5rem;}
body main.renewal .case-ba-intro h2{margin:.75rem 0 0;}
body main.renewal .case-ba-list{display:grid;gap:1.75rem;}
body main.renewal .case-ba-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);border:1px solid #cfe3e8;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 28px #12384606;}
body main.renewal .case-ba-profile{padding:1.75rem;border-right:1px solid #dfebee;min-width:0;}
body main.renewal .case-ba-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;}
body main.renewal .case-ba-number{font-size:.8rem;font-weight:700;color:#087b8a;letter-spacing:.05em;}
body main.renewal .case-ba-scope{font-size:.7rem;color:#426475;background:#eef7f9;padding:.2rem .55rem;border-radius:4px;}
body main.renewal .case-ba-profile h3{font-size:1.35rem;line-height:1.6;margin:0;}
body main.renewal .case-ba-role{font-size:.9rem;color:#086c80;margin:.4rem 0 1rem;}
body main.renewal .case-ba-profile .artwork-detail{width:100%;height:auto;max-width:20rem;margin:0 auto;}
body main.renewal .case-ba-profile .artwork-detail svg{display:block;width:100%;height:100%;}
body main.renewal .case-ba-story{padding:1.75rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:1.5rem;row-gap:1.25rem;align-items:start;min-width:0;}
body main.renewal .case-ba-story h4{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;font-size:.875rem;margin:0 0 1rem;line-height:1.6;}
body main.renewal .case-ba-story h4>span[lang]{font-size:.7rem;letter-spacing:.08em;background:#e9eef1;color:#59707c;padding:.25rem .6rem;border-radius:4px;}
body main.renewal .case-ba-story p{font-size:1rem;line-height:1.9;margin:0;overflow-wrap:anywhere;}
body main.renewal .case-ba-before{grid-column:1;grid-row:1;padding-top:.3rem;}
body main.renewal .case-ba-after{grid-column:2;grid-row:1;background:#edf8f9;border:1px solid #cbe7e9;border-top:3px solid #0a8f9e;border-radius:8px;padding:1.25rem;}
body main.renewal .case-ba-after h4>span[lang]{background:#087f8f;color:#fff;}
body main.renewal .case-ba-metrics{display:flex;gap:1rem;flex-wrap:wrap;margin:.25rem 0 1rem;}
body main.renewal .case-ba-metrics>div{display:grid;gap:.1rem;}
body main.renewal .case-ba-metrics strong{font-size:clamp(1.7rem,2.6vw,2.3rem);color:#087b8a;line-height:1.3;}
body main.renewal .case-ba-metrics span{font-size:.73rem;color:#416571;}
body main.renewal .case-ba-support{grid-row:2;grid-column:1 / -1;border-top:1px solid #dce9ed;padding-top:1rem;}
body main.renewal .case-ba-support h4{color:#087b8a;margin-bottom:.4rem;}
body main.renewal .case-ba-support h4>span{font-size:1.1rem;}
body main.renewal .case-ba-support p{font-size:.9rem;}
@media(max-width:1000px){body main.renewal .case-ba-card{grid-template-columns:1fr;}body main.renewal .case-ba-profile{border-right:0;border-bottom:1px solid #dfebee;display:grid;grid-template-columns:1fr 12rem;column-gap:1rem;}body main.renewal .case-ba-profile .artwork-detail{grid-column:2;grid-row:1 / 4;}body main.renewal .case-ba-role{margin-bottom:0;}}
@media(max-width:600px){body main.renewal #record.case-comparison{padding-block:3rem;}body main.renewal .case-ba-card{border-radius:12px;}body main.renewal .case-ba-profile{padding:1.25rem;grid-template-columns:minmax(0,1fr) 6rem;gap:.3rem .5rem;}body main.renewal .case-ba-profile h3{font-size:1.2rem;}body main.renewal .case-ba-meta{grid-column:1 / -1;margin-bottom:.5rem;}body main.renewal .case-ba-profile .artwork-detail{grid-row:2 / 4;align-self:center;}body main.renewal .case-ba-role{font-size:.8rem;}body main.renewal .case-ba-story{display:flex;flex-direction:column;padding:1.25rem;gap:1rem;}body main.renewal .case-ba-story>div{width:100%;box-sizing:border-box;}body main.renewal .case-ba-story p{font-size:.9375rem;}body main.renewal .case-ba-before{padding:0;}body main.renewal .case-ba-support{border:0;border-left:3px solid #cce4e8;padding:.3rem 0 .3rem 1rem;}body main.renewal .case-ba-story h4{margin-bottom:.6rem;}body main.renewal .case-ba-after{padding:1.1rem;}body main.renewal .case-ba-metrics strong{font-size:2rem;}}