.sa-case-stories { padding: clamp(88px, 8vw, 126px) 0 24px; }
.page-constructor > .page-constructor__section.sa-case-stories + .page-constructor__section { --home-between: 64px; }
.page-constructor > .page-constructor__section.sa-case-stories + .page-constructor__section.sa-case-stories { padding-top: 64px; }
.page-constructor > .page-constructor__section.sa-case-stories + .page-constructor__section .shedule,
.page-constructor > .page-constructor__section.sa-case-stories + .page-constructor__section .analitics-block__content-marketing { margin-top: 64px !important; }
.page-constructor > .page-constructor__section.sa-case-stories + .med-sticky-tabs + .page-constructor__section .analitics-block { margin-top: 64px !important; }
.page-constructor > .page-constructor__section.sa-case-stories + .page-constructor__section .tabs-block,
.page-constructor > .page-constructor__section.sa-case-stories + .page-constructor__section > .modern.content-block { padding-top: 64px !important; }
.page-constructor > .page-constructor__section.sa-case-stories + .page-constructor__section .advantages-card { padding-top: 0 !important; }
.page-constructor > .page-constructor__section.sa-case-stories + .page-constructor__section.sa-service-lead-section { margin-top: 0 !important; }
.page-constructor > .page-constructor__section.sa-case-stories + .page-constructor__section.sa-service-lead-section .sa-service-lead-section__container { padding-top: 0 !important; }
.page-constructor > .page-constructor__section.sa-case-stories + .page-constructor__section.sa-service-lead-section .sa-service-lead-root { padding-top: 44px !important; }
.page-constructor > .page-constructor__section.sa-case-stories + .page-constructor__section > .movies-block {
  padding-top: 64px !important;
}
.sa-case-stories__inner { width: calc(100% - 154px); max-width: 1320px; margin: 0 auto; }
.sa-case-stories__intro { max-width: 720px; margin: 0 0 52px; color: #b7b7c0; font-size: 18px; font-weight: 300; line-height: 1.6; }
.sa-case-stories h2 { margin: 0 0 24px; color: #fff; font-size: clamp(30px, 3vw, 42px); font-weight: 500; line-height: 1.2; }

.sa-case-story {
  --case-text: #24192f;
  --case-body: #504456;
  --case-result: #38273e;
  --case-accent: #ac498b;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  align-items: stretch;
  gap: clamp(34px, 4vw, 58px);
  min-height: 650px;
  margin: 0;
  padding: clamp(38px, 5vw, 68px);
  border-radius: 30px;
  color: var(--case-text);
  background: #eee3ed;
}
.sa-case-story + .sa-case-story { margin-top: clamp(76px, 8vw, 120px); }
.sa-case-story--reverse { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); }
.sa-case-story--reverse .sa-case-story__visual { order: -1; }
.sa-case-story__copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 17px; min-width: 0; max-width: 560px; }
.sa-case-story__copy > * { margin: 0; }
.page-constructor .sa-case-story h3 { color: var(--case-text); font-size: clamp(28px, 2.8vw, 38px); font-weight: 500; line-height: 1.18; }
.page-constructor .sa-case-story__lead { color: var(--case-text); font-size: clamp(18px, 1.55vw, 21px); font-weight: 500; line-height: 1.4; }
.page-constructor .sa-case-story__copy > p:not(.sa-case-story__lead):not(.sa-case-story__result) { color: var(--case-body); font-size: 16px; font-weight: 300; line-height: 1.6; }
.page-constructor .sa-case-story__result { padding-left: 18px; border-left: 2px solid var(--case-accent); color: var(--case-result); font-size: 17px; font-weight: 400; line-height: 1.5; }

.sa-case-story__link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  min-width: 250px;
  margin-top: 10px;
  padding: 14px 24px;
  border: 1px solid currentColor;
  border-radius: 14px;
  color: var(--case-text);
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  text-decoration: none;
  transition: color .25s, background-color .25s;
}
.sa-case-story__link:hover { color: #fff; background: #24192f; }
.sa-case-story__link:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.sa-case-story__visual { position: relative; align-self: center; width: 100%; min-width: 0; min-height: 0; aspect-ratio: 1; margin: 0; overflow: hidden; border-radius: 28px; background: #eee3ed; }
.page-constructor .sa-industry-case-stories .sa-case-story__visual { min-height: 0; }
.page-constructor .sa-industry-case-story--salatnica .sa-case-story__visual img { transform: scale(1.25); }
.page-constructor .sa-industry-case-story--gymmeal .sa-case-story__visual img { object-position: center bottom; transform: none; }
.page-constructor .sa-outreach-case-story--banded .sa-case-story__visual img { object-position: center bottom; }
.sa-case-story__visual img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.sa-case-story--boca .sa-case-story__visual img { object-position: right top; transform: scale(1.2); transform-origin: right top; }
.sa-case-story--darkrain .sa-case-story__visual img { object-position: center top; transform: scale(1.05); filter: brightness(1.14); }
.sa-case-story--awm .sa-case-story__visual img,
.sa-case-story--skladno .sa-case-story__visual img,
.sa-case-story--digitale .sa-case-story__visual img,
.sa-case-story--mosplitka .sa-case-story__visual img,
.sa-case-story--kompozit .sa-case-story__visual img,
.sa-case-story--goodwood .sa-case-story__visual img { object-position: center bottom; }

@media (min-width: 761px) and (max-width: 900px) {
  .sa-case-stories__inner { width: calc(100% - 40px); }
  .sa-case-story { display: flex; flex-direction: column; align-items: stretch; gap: 28px; min-height: 0; padding: 38px; }
  .sa-case-story__visual,
  .sa-case-story--reverse .sa-case-story__visual { order: -1; width: min(100%, 528px); }
  .sa-case-story__copy { max-width: none; }
}

@media (max-width: 760px) {
  .sa-case-stories { padding: 72px 0 20px; }
  .page-constructor > .page-constructor__section.sa-case-stories + .page-constructor__section { --home-between: 48px; }
  .page-constructor > .page-constructor__section.sa-case-stories + .page-constructor__section.sa-case-stories { padding-top: 48px; }
  .page-constructor > .page-constructor__section.sa-case-stories + .page-constructor__section .shedule,
  .page-constructor > .page-constructor__section.sa-case-stories + .page-constructor__section .analitics-block__content-marketing { margin-top: 48px !important; }
  .page-constructor > .page-constructor__section.sa-case-stories + .med-sticky-tabs + .page-constructor__section .analitics-block { margin-top: 48px !important; }
  .page-constructor > .page-constructor__section.sa-case-stories + .page-constructor__section .tabs-block { padding-top: 48px !important; }
  .page-constructor > .page-constructor__section.sa-case-stories + .page-constructor__section.sa-service-lead-section .sa-service-lead-root { padding-top: 32px !important; }
  .page-constructor > .page-constructor__section.sa-case-stories + .page-constructor__section > .modern.content-block {
    padding-top: 48px !important;
  }
  .page-constructor > .page-constructor__section.sa-case-stories + .page-constructor__section > .movies-block {
    padding-top: 48px !important;
  }
  .sa-case-stories__inner { width: calc(100% - 40px); }
  .sa-case-stories__intro { margin-bottom: 36px; font-size: 16px; line-height: 1.55; }
  .sa-case-story { display: flex; flex-direction: column; align-items: stretch; gap: 28px; min-height: 0; padding: 32px 24px 38px; }
  .sa-case-story + .sa-case-story { margin-top: 76px; }
  .sa-case-story__visual,
  .sa-case-story--reverse .sa-case-story__visual { order: -1; }
  .sa-case-story__visual { min-height: 0; height: auto; aspect-ratio: 1; }
  .page-constructor .sa-case-story h3 { font-size: 28px; }
  .page-constructor .sa-case-story__lead { font-size: 18px; }
  .sa-case-story__link { width: 100%; min-width: 0; }
}