.case-section{background:#f5f6f7;border-block:1px solid #e0e3e6}
.case-section .section-head h2{font-family:var(--sans)}
.case-section .video-grid{align-items:start;gap:28px}
.case-section .video-card{background:#fff;border:1px solid #dfe2e5;padding:20px;min-width:0}
.case-section .video-copy{padding:20px 0 0}
.case-company{font-size:12px;font-weight:700;color:#535e68;letter-spacing:.03em}
.case-section h3{font:750 24px/1.5 var(--sans);margin:10px 0 18px}
.outcome{border-block:1px solid #e2e4e6;padding:18px 0;margin:18px 0}
.outcome-label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}
.outcome-number{display:flex;gap:7px;align-items:baseline;flex-wrap:wrap;color:var(--red);font-weight:800;line-height:1.2}
.outcome-number b{font-size:clamp(44px,4.5vw,66px);letter-spacing:-.055em}
.outcome-number span{font-size:20px}
.outcome-number .before{font-size:clamp(26px,3vw,40px);color:#67717b}
.outcome-number i{font-style:normal;font-size:25px;color:#6c7882}
.case-section .metric-pair{gap:22px;flex-wrap:wrap;margin-bottom:18px}
.case-section .metric-pair b{font-family:var(--sans);font-weight:800;font-size:26px}
.case-story{display:grid;gap:8px;margin:18px 0}
.case-story div{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:start;background:#f4f6f7;padding:12px}
.case-story div:last-child{background:#fcf0f1}
.case-story dt{font-size:10px;font-weight:750;color:#7b2630;line-height:1.7}
.case-story dd{font-size:12px;margin:0;line-height:1.8}
.case-section .evidence-note{font-size:11px;line-height:1.8;border-top:1px solid #e0e2e5;padding-top:12px}
.case-section .explain-diagram{margin:15px 0}
.video-dialog{width:min(960px,calc(100% - 30px));max-height:90dvh;border:0;padding:20px;background:#fff;color:#20262c}
.video-dialog::backdrop{background:#000b}
.video-dialog header{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:15px}
.video-dialog h2{font-size:16px;margin:0}
.video-dialog button{border:1px solid #c4c9cf;background:#fff;padding:8px 12px;color:#20262c;white-space:nowrap}
.video-player{aspect-ratio:16/9;background:#171717}
.video-player iframe{display:block;width:100%;height:100%;border:0}
.video-dialog>p{font-size:12px;margin:14px 0 0}
.video-dialog a{color:#1656b3}
@media(max-width:767px){.case-section .video-grid{grid-template-columns:1fr;gap:25px}.case-section .video-card{padding:15px}.case-section h3{font-size:21px}.outcome-number b{font-size:50px}.outcome-number .before{font-size:30px}.outcome-number span{font-size:18px}.video-dialog{padding:14px}.case-story div{grid-template-columns:62px 1fr;gap:8px}.video-dialog h2{font-size:13px}}
