.changeoverCaseHero{padding:40px 0 56px;background:#0c1e2c;border-bottom:1px solid var(--line)}.changeoverCaseHero .breadcrumb{margin-bottom:32px}.changeoverCaseIntro{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:end;margin-bottom:34px}.changeoverCaseIntro h1{font-size:clamp(42px,5.1vw,76px);line-height:1.04;letter-spacing:-.045em;margin:0}.changeoverCaseIntro .eyebrow{margin-bottom:18px}.changeoverCaseIntro .caseLead{font-size:18px;line-height:1.65;margin:0}.changeoverCaseIntro .actions{gap:20px;margin-top:23px}.changeoverCasePhoto{margin:0}.changeoverCasePhoto a{display:block}.changeoverCasePhoto img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.changeoverCasePhoto figcaption{padding:16px 0 0;max-width:1000px;font-size:12px;line-height:1.6;color:#c0cbd0}.changeoverCasePhoto figcaption strong{font-weight:550;color:#edf3f0}.changeoverDecision .caseStory{max-width:950px;font-size:19px;margin:26px 0 35px}.changeoverDecisionSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;border-top:1px solid #10212b35;padding-top:30px}.changeoverDecisionSteps .num{color:#006e70;display:block;margin-bottom:18px}.changeoverDecisionSteps h3{font-size:27px;line-height:1.15;max-width:330px}.changeoverDecisionSteps p{font-size:15px}.changeoverValue{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:30px;padding-top:36px;border-top:1px solid #10212b35}.changeoverValue h3{font-size:31px;line-height:1.15;max-width:480px}.changeoverValue p{font-size:15px}.changeoverValue .eyebrow{margin-bottom:16px}
@media(max-width:900px){.changeoverCaseIntro{gap:30px}.changeoverCaseIntro h1{font-size:49px}.changeoverCaseIntro .caseLead{font-size:16px}.changeoverDecisionSteps{gap:22px}.changeoverValue{gap:35px}}
@media(max-width:760px){.changeoverCaseHero{padding:30px 0 40px}.changeoverCaseHero .breadcrumb{font-size:10px;margin-bottom:24px}.changeoverCaseIntro{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.changeoverCaseIntro h1{font-size:clamp(38px,10.2vw,58px)}.changeoverCaseIntro .caseLead{font-size:16px}.changeoverCaseIntro .actions{gap:18px}.changeoverCasePhoto figcaption{font-size:11px;padding-top:13px}.changeoverDecision .caseStory{font-size:17px}.changeoverDecisionSteps{grid-template-columns:1fr;gap:12px}.changeoverDecisionSteps article{padding:12px 0;border-bottom:1px solid #10212b25}.changeoverDecisionSteps h3{font-size:26px;max-width:none}.changeoverDecisionSteps .num{margin-bottom:12px}.changeoverValue{grid-template-columns:1fr;gap:20px;padding-top:28px;margin-top:20px}.changeoverValue h3{font-size:29px}}