.case-story{padding:20px 0 96px}.story-heading{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:36px}.story-heading h2{margin-top:18px}.story-heading>p{color:#63738a;font-size:17px;line-height:1.7;max-width:320px;padding-bottom:4px}
.story-shell{display:grid;grid-template-columns:.85fr 1.55fr;border-radius:26px;overflow:hidden;background:#eaf2ff;border:1px solid #d8e5f7;box-shadow:0 20px 65px #2449760b}.story-narrative{padding:34px 32px 0;display:flex;flex-direction:column;min-width:0;background:linear-gradient(145deg,#f3f7ff,#e8f1ff)}.story-client{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:38px}.story-client>span:first-child{font-size:20px;letter-spacing:.08em;font-weight:650}.story-client>span:last-child{font-size:9px;letter-spacing:.1em;color:#53759c;border:1px solid #c9dbef;border-radius:20px;padding:5px 8px}
#story-copy{flex:1;min-height:314px}.story-kicker{font-size:10px;font-weight:600;letter-spacing:.11em;color:#2e65c3;margin-bottom:16px}.story-narrative h3{font-size:clamp(26px,2.6vw,37px);line-height:1.08;font-weight:550;letter-spacing:-.04em}.story-description{font-size:15px;line-height:1.75;color:#526781;margin-top:20px;max-width:360px}.story-note{padding:20px 0 25px;margin-top:22px;border-top:1px solid #cfdef0}.story-note>span{font-size:9px;letter-spacing:.1em;color:#66809f}.story-note p{font-size:13px;color:#29466c;margin-top:7px}
.story-tabs{display:flex;gap:0;border-top:1px solid #cbdcf2;margin-top:18px}.story-tabs button{position:relative;flex:1;padding:20px 4px;background:transparent;border:0;color:#68809e;font-size:12px;text-align:left;transition:color .25s}.story-tabs button span{display:block;font-size:10px;margin-bottom:6px}.story-tabs button[aria-selected=true]{color:#2457df;font-weight:650}.story-tabs button[aria-selected=true]:before{content:"";position:absolute;height:3px;top:-2px;left:0;right:18px;background:#2457df;border-radius:3px}
.story-stage{position:relative;min-width:0;min-height:530px;isolation:isolate;background:#0d1422;overflow:hidden}.story-stage>img,.story-stage>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.story-stage>video{opacity:0;transition:opacity .4s;pointer-events:none}.story-stage.has-video>video{opacity:1}.story-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07122455,transparent 35%,#07122422 55%,#071224db);z-index:1;pointer-events:none}.story-stage-top,.story-stage-bottom{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;gap:16px;z-index:2;color:white}.story-stage-top{top:25px;font-size:9px;letter-spacing:.1em;align-items:center}.story-stage-top>span:first-child{padding:8px 11px;border:1px solid #ffffff50;border-radius:30px;background:#11203633;backdrop-filter:blur(8px)}.story-count{white-space:nowrap}.story-stage-bottom{bottom:30px;align-items:end}.story-stage-bottom p{font-family:Display,Inter,sans-serif;font-size:clamp(25px,2.7vw,39px);line-height:1.1;letter-spacing:-.035em}.story-play{display:flex;align-items:center;gap:10px;flex-shrink:0;border:1px solid #ffffff70;background:#ffffff12;backdrop-filter:blur(12px);color:white;border-radius:40px;padding:14px 18px;font-size:12px}.story-play:hover{background:#fff;color:#17365d}.story-play span{font-size:10px}#story-pause{position:absolute;right:28px;top:66px;z-index:3;border:0;border-radius:20px;padding:7px 12px;background:#ffffffd9;color:#19345b;font-size:11px}.story-foot{display:flex;justify-content:space-between;align-items:center;gap:26px;padding:25px 3px}.story-foot p{display:flex;align-items:center;gap:20px;font-size:14px}.story-foot strong{font-weight:550;color:#25446f}.story-foot p span{color:#728096;border-left:1px solid #d6e1ee;padding-left:20px}.story-foot a{font-size:14px}
@media(max-width:1000px){.story-shell{grid-template-columns:1fr 1.2fr}.story-narrative{padding:26px 24px 0}.story-stage-bottom{display:block}.story-play{margin-top:20px;width:fit-content}.story-stage-top,.story-stage-bottom{left:22px;right:22px}.story-count{display:none}.story-foot{align-items:start}.story-foot p{flex-direction:column;gap:6px;align-items:start}.story-foot p span{border:0;padding:0}.story-heading{gap:24px}.story-heading>p{font-size:15px}}
@media(max-width:640px){.case-story{padding:5px 0 52px}.story-heading{display:block;margin-bottom:25px}.story-heading h2{font-size:39px}.story-heading>p{margin-top:18px;font-size:15px}.story-shell{display:flex;flex-direction:column;border-radius:20px}.story-narrative{padding:24px 22px 0}.story-client{padding-bottom:25px}.story-narrative h3{font-size:31px}.story-description{margin-top:16px;font-size:15px}.story-note{margin-top:18px;padding-bottom:18px}#story-copy{min-height:260px}.story-tabs{margin-top:0}.story-tabs button{padding:15px 3px}.story-stage{min-height:330px}.story-stage-bottom{bottom:23px}.story-stage-bottom p{font-size:28px}.story-stage-top{top:20px}.story-stage-top>span:first-child{font-size:8px}.story-foot{display:block;padding-top:20px}.story-foot p{flex-direction:row;gap:15px}.story-foot a{margin-top:18px;line-height:1.5}.story-play{padding:12px 16px;margin-top:18px}}
@media(prefers-reduced-motion:reduce){.story-stage>video{transition:none}.story-tabs button{transition:none}}