.cases-page{background:#fffdfa}
.cases-hero{background:#f4f7f9;padding:36px 0 88px;border-bottom:1px solid #ded5cc}
.cases-breadcrumb{display:flex;gap:10px;color:#68606c;font-size:.88rem;margin-bottom:64px}
.cases-breadcrumb a{color:#4a165f}
.cases-hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);gap:8%;align-items:end}
.cases-hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.8rem,5vw,5.4rem);line-height:1.04;letter-spacing:-.025em;margin:16px 0 26px}
.cases-hero h1 em{font-weight:400;color:#4a165f}
.cases-hero p{color:#566271;font-size:1.17rem;max-width:760px;line-height:1.65;margin:0 0 28px}
.cases-primary{background:#4a165f}
.cases-hero aside{background:#fffdfa;padding:30px;border-left:5px solid #df342f;box-shadow:0 18px 45px rgba(33,22,43,.06)}
.cases-hero aside strong{display:block;font:400 1.7rem/1.15 Georgia,serif;margin-bottom:16px}
.cases-hero aside span{color:#68606c}
.cases-intro{padding:42px 0 30px}
.cases-index{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}
.cases-index a{border:1px solid #ded5cc;background:#fff;padding:10px 14px;text-decoration:none;color:#4a165f;font-size:.9rem;font-weight:700}
.cases-index a:hover{border-color:#4a165f}
.cases-list{padding:12px 0 100px}
.case-story{scroll-margin-top:100px;display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr);gap:8%;padding:56px 0;border-bottom:1px solid #ded5cc}
.case-side{display:flex;flex-direction:column;align-items:flex-start}
.case-num{color:#b82e2a;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.case-side h2{font:400 clamp(2rem,3vw,3.25rem)/1.11 Georgia,serif;margin:20px 0 25px}
.case-side a{margin-top:auto;color:#4a165f;font-weight:800;text-decoration:none}
.case-side a:hover{text-decoration:underline}
.case-content{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.case-content h3{margin:0 0 10px;font:400 1.5rem Georgia,serif}
.case-content p{margin:0;color:#57505f;line-height:1.65}
.case-result{grid-column:1/-1;background:#f8f4ef;padding:24px 28px;border-left:4px solid #df342f}
.case-result span{display:block;color:#ae2e2a;font-weight:800;font-size:.82rem;letter-spacing:.09em;text-transform:uppercase;margin-bottom:10px}
.case-classroom .case-result{border-color:#a177ba}.case-online .case-result{border-color:#6ebccd}.case-special .case-result{border-color:#df342f}
.cases-next{background:#f4f7f9;padding:68px 0}
.cases-final{background:#2d0d3d;color:#fff;padding:70px 0}
.cases-next-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center}
.cases-next h2,.cases-final h2{font:400 clamp(2.2rem,3.5vw,3.8rem)/1.1 Georgia,serif;margin:12px 0 18px;max-width:760px}
.cases-next p,.cases-final p{max-width:720px;color:#68606c;margin:0;font-size:1.05rem}
.cases-final p{color:#e1d7e6}.cases-final .btn{background:#df342f;border-color:#df342f}
.cases-text-link{color:#4a165f;font-weight:800;white-space:nowrap}
@media(max-width:850px){.cases-hero-grid,.case-story,.cases-next-grid{grid-template-columns:1fr;gap:28px}.cases-breadcrumb{margin-bottom:38px}.cases-hero{padding-bottom:58px}.case-side a{margin-top:0}}
@media(max-width:560px){.cases-hero h1{font-size:2.65rem}.cases-hero p{font-size:1rem}.cases-hero aside{padding:22px}.cases-list{padding-bottom:60px}.case-story{padding:44px 0}.case-content{grid-template-columns:1fr;gap:20px}.case-result{grid-column:auto}.cases-next,.cases-final{padding:55px 0}}