.case-story { gap: 48px; }
.case-story .service-item { white-space: normal; list-style: none; }
.case-story .service-item li + li { margin-top: 10px; }
.case-story .case-content { gap: 36px; overflow-wrap: anywhere; }
.case-story p, .case-story__signals { font-size: 16px; line-height: 1.75; color: #505050; }
.case-story p + p { margin-top: 16px; }
.case-story .case-story__eyebrow { margin-bottom: 16px; color: #0054b4; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
.case-story .case-headline { font-weight: 500; }
.case-story .case-story__intro { margin-top: 24px; font-size: 18px; line-height: 1.6; }
.case-story h3 { margin-bottom: 16px; color: #242424; font-size: 24px; line-height: 1.35; font-weight: 500; }
.case-story h4 { margin: 28px 0 16px; color: #242424; font-size: 19px; line-height: 1.4; font-weight: 500; }
.case-story__signals { padding-left: 24px; margin: 16px 0; }
.case-story .case-story__loop { margin: 20px 0; padding: 20px; border-left: 3px solid #0077fd; border-radius: 0 12px 12px 0; background: #fff; color: #0054b4; font-weight: 500; }
.case-story__results { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 24px 0; }
.case-story__results > div { display: flex; flex-direction: column; padding: 24px; border-radius: 16px; background: #fff; border: 1px solid #b0d5fe; }
.case-story__results dt { font-size: 14px; line-height: 1.5; color: #505050; }
.case-story__results dd { order: -1; margin: 0 0 12px; font-size: 40px; line-height: 1.1; color: #0054b4; font-weight: 600; }
.case-story .case-story__video { margin: 0; }
.case-story .case-story__video-el { display: block; width: 100%; aspect-ratio: 16 / 9; border-radius: 16px; background: #000; object-fit: cover; }
.case-story .case-story__video-caption { margin-top: 12px; font-size: 14px; line-height: 1.6; color: #767676; }
.case-story .case-story__closing { margin: 0 0 16px; padding: 20px 24px; border-left: 3px solid #0077fd; border-radius: 0 12px 12px 0; background: #fff; color: #242424; font-size: 18px; line-height: 1.6; font-weight: 500; }
@media (max-width: 1023px) {
  .case-story { flex-direction: column; gap: 32px; }
  .case-story .case-sidebar { width: 100%; }
  .case-story .case-service { margin-top: 24px; }
  .case-story__results { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .case-story .case-headline { font-size: 28px; line-height: 1.25; }
  .case-story h3 { font-size: 20px; }
  .case-story p, .case-story__signals, .case-story .case-story__intro { font-size: 15px; }
  .case-story__results { gap: 12px; }
  .case-story__results > div { padding: 16px; }
  .case-story__results dd { font-size: 32px; }
  .case-story .case-story__closing { padding: 16px; font-size: 16px; }
}