/* Approved case-index banner. No case-list or detail-page overrides. */
.case-panorama{background:#eaf3fa url('/public/images/scenarios-generated/cases-panorama-a.webp') center/cover no-repeat;color:#193d59;min-height:680px;display:flex;align-items:center;padding:90px 0;position:relative}
.case-panorama .sc-shell{width:calc(100% - 112px);max-width:1280px;margin-inline:auto;position:relative}
.case-panorama:before{content:'';position:absolute;inset:0;pointer-events:none;background:none}
.case-panorama-copy{max-width:620px;width:48%}
.case-panorama .case-panorama-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 36px;font-size:13px;color:#536f85}
.case-panorama-breadcrumb a{color:inherit;text-decoration:none}
.case-panorama .case-panorama-eyebrow{font-size:14px;letter-spacing:.28em;color:#477fa9;margin:0 0 24px}
.case-panorama h1{font-family:Georgia,'Noto Serif SC','Songti SC',SimSun,serif;font-weight:600;font-size:clamp(44px,4.5vw,72px);line-height:1.3;letter-spacing:-.025em;color:#193d59;margin:0 0 25px}
.case-panorama .case-panorama-description{font-size:18px;line-height:1.8;color:#536f85;margin:0;max-width:550px}
.case-panorama-count{display:inline-flex;padding:10px 20px;border-radius:24px;background:#eaf3fadb;color:#477fa9;margin-top:32px;font-size:14px}
.case-panorama+.case-data-tabs{margin:0 auto;padding:18px 0;max-width:none;justify-content:center;gap:40px;border:0;border-radius:0;box-shadow:none;background:#f1f8fc}
.case-panorama+.case-data-tabs a{flex:0 1 180px;min-width:0;border-radius:0;color:#536f85;background:transparent!important;box-shadow:none!important;border-bottom:3px solid transparent;font-size:16px}
.case-panorama+.case-data-tabs a.active{color:#477fa9!important;border-bottom-color:#82b0d1}
.case-panorama a:focus-visible{outline:2px solid #477fa9;outline-offset:4px}
@media(max-width:1000px){.case-panorama{min-height:610px;background-position:left center}.case-panorama-copy{width:65%}.case-panorama h1{font-size:48px}.case-panorama .case-panorama-description{font-size:17px}}
@media(max-width:600px){.case-panorama{min-height:792px;align-items:flex-start;padding:128px 0 310px;background-size:auto 390px;background-position:70% bottom;background-color:#f4f9fc}.case-panorama:before{content:'';position:absolute;inset:0;background:linear-gradient(#f4f9fc 40%,#f4f9fc99 57%,transparent 75%)}.case-panorama-copy{width:100%;max-width:none}.case-panorama .case-panorama-breadcrumb{font-size:12px;margin-bottom:27px}.case-panorama .case-panorama-eyebrow{font-size:11px;margin-bottom:17px}.case-panorama h1{font-size:38px;line-height:1.25;margin-bottom:18px}.case-panorama .case-panorama-description{font-size:15px}.case-panorama-count{margin-top:20px;padding:8px 16px;font-size:12px}.case-panorama+.case-data-tabs{gap:8px;padding:10px 14px}.case-panorama+.case-data-tabs a{padding:12px 7px;font-size:13px;flex:1}}

@media(max-width:600px){.case-panorama .sc-shell{width:calc(100% - 40px)}}

/* Keep copy legible over variable landscape crops and shared palette rules. */
body[data-palette="mist-a"] .case-panorama .case-panorama-description{color:#304f68!important;font-weight:500;max-width:360px;position:relative;isolation:isolate}
body[data-palette="mist-a"] .case-panorama .case-panorama-breadcrumb,
body[data-palette="mist-a"] .case-panorama .case-panorama-eyebrow{color:#385e7c!important}
/* A compact feathered light area follows only the description, leaving the panorama intact. */
.case-panorama .case-panorama-description:before{content:'';position:absolute;z-index:-1;inset:-24px -36px;pointer-events:none;background:radial-gradient(ellipse at center,rgba(248,251,254,.97) 0%,rgba(248,251,254,.9) 48%,rgba(248,251,254,.35) 70%,transparent 100%);filter:blur(10px)}
@media(min-width:601px) and (max-width:1000px){.case-panorama-copy{width:68%}.case-panorama h1{font-size:46px}.case-panorama:before{background:none}}
@media(max-width:600px){.case-panorama:before{background:linear-gradient(#f4f9fc 40%,rgba(244,249,252,.65) 54%,transparent 69%)}.case-panorama .case-panorama-description:before{display:none}}