.dsk-case-studies-owner-v1{
  --dsk-case-shell-max: var(--dsk-layout-shell-max, 1320px);
  --dsk-case-copy-max: 900px;
  --dsk-case-gutter: var(--dsk-layout-shell-gutter, 20px);
  --dsk-case-row-top: 48px;
  --dsk-case-row-bottom: 56px;
  --dsk-case-body-size: clamp(1rem, .18vw + .98rem, 1.06rem);
  --dsk-case-body-lh: 1.72;
  --dsk-case-list-gap: 1rem;
  background: #fff;
}.dsk-case-studies-owner-v1 .dsk-case-studies, .dsk-case-studies-owner-v1 .dsk-case-studies__container, .dsk-case-studies-owner-v1 .dsk-case-studies__column, .dsk-case-studies-owner-v1 .dsk-case-studies__column-content, .dsk-case-studies-owner-v1 .dsk-case-studies__shell, .dsk-case-studies-owner-v1 .dsk-case-studies__content, .dsk-case-studies-owner-v1 .dsk-case-studies__body{
  box-sizing: border-box;
}.dsk-case-studies-owner-v1 .dsk-case-studies{
  background: #fff;
  box-shadow: none;
}.dsk-case-studies-owner-v1 .dsk-case-studies__content{
  width: 100%;
  max-width: min(100%, var(--dsk-case-copy-max));
}.dsk-case-studies-owner-v1 .dsk-case-studies__title{
  margin-top: 0;
  margin-bottom: 1rem !important;
  line-height: 1.12;
  text-wrap: balance;
}.dsk-case-studies-owner-v1 .dsk-case-studies__body{
  font-size: var(--dsk-case-body-size) !important;
  line-height: var(--dsk-case-body-lh) !important;
}.dsk-case-studies-owner-v1 .dsk-case-studies__body p{
  font-size: inherit !important;
  line-height: inherit !important;
}.dsk-case-studies-owner-v1 .dsk-case-studies__body > .dsk-service-quick-chips{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  margin: 10px 0 24px;
}.dsk-case-studies-owner-v1 .dsk-case-studies__body > .dsk-service-quick-chips .dsk-service-quick-chips__item{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  max-width: 100%;
  min-height: 36px;
  padding: 8px 13px;
  border: 1px solid rgba(8, 125, 92, 0.18);
  border-radius: 999px;
  background: rgba(240, 250, 247, 0.82);
  color: #075f4c;
  font-size: 0.88rem;
  font-weight: 760;
  line-height: 1.18;
  overflow-wrap: anywhere;
  text-decoration: none;
}.dsk-case-studies-owner-v1 .dsk-case-studies__body > .dsk-service-quick-chips .dsk-service-quick-chips__item:hover,
.dsk-case-studies-owner-v1 .dsk-case-studies__body > .dsk-service-quick-chips .dsk-service-quick-chips__item:focus-visible{
  border-color: rgba(8, 125, 92, 0.38);
  background: rgba(232, 249, 244, 0.98);
  color: #064e3b;
  text-decoration: none;
}.dsk-case-studies-owner-v1 .dsk-case-studies__body :is(ul, ol){
  margin-block: 0 var(--dsk-case-list-gap) !important;
  padding-left: 1.25rem;
}.dsk-case-studies-owner-v1 .dsk-case-studies__body li{
  font-size: inherit !important;
  line-height: 1.62 !important;
  margin-bottom: .46rem;
}

@media (min-width: 1024px) {.dsk-case-studies-owner-v1 .dsk-case-studies__container{
    width: min(var(--dsk-case-shell-max), calc(100% - 40px));
    max-width: var(--dsk-case-shell-max);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--dsk-case-gutter);
    padding-right: var(--dsk-case-gutter);
  }.dsk-case-studies-owner-v1 .dsk-case-studies__row{
    padding-top: var(--dsk-case-row-top);
    padding-bottom: var(--dsk-case-row-bottom);
  }
}

@media (max-width: 480px) {.dsk-case-studies-owner-v1 .dsk-case-studies__body > .dsk-service-quick-chips{
    gap: 8px;
    margin: 10px 0 22px;
  }.dsk-case-studies-owner-v1 .dsk-case-studies__body > .dsk-service-quick-chips .dsk-service-quick-chips__item{
    min-height: 34px;
    padding: 7px 11px;
    font-size: .84rem;
  }
}

@media (max-width: 1023px) {.dsk-case-studies-owner-v1 .dsk-case-studies__container{
    width: min(100%, calc(100% - 24px));
    margin-left: auto;
    margin-right: auto;
  }.dsk-case-studies-owner-v1 .dsk-case-studies__row{
    padding-top: 32px;
    padding-bottom: 42px;
  }
}.dsk-case-studies-owner-v1 #service-template .dsk-subnav, .dsk-case-studies-owner-v1 main#main-content .dsk-subnav{
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 8px !important;
  row-gap: 8px;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  overflow: visible !important;
}.dsk-case-studies-owner-v1 #service-template .dsk-subnav__item, .dsk-case-studies-owner-v1 main#main-content .dsk-subnav__item{
  position: relative;
  inset: auto;
  transform: none;
  margin: 0;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}.dsk-case-studies-owner-v1 main#main-content #dsk-page-structure > section#service-template#service-template.dsk-case-studies :is(.dsk-case-studies__row,.dsk-case-studies__column,.dsk-case-studies__column-content,.dsk-case-studies__shell,.dsk-case-studies__content,.dsk-case-studies__body){
  box-sizing: border-box;
  width: 100%;
  max-width: 100% !important;
  margin-left: 0;
  margin-right: 0;
  transform: none;
}.dsk-case-studies-owner-v1 main#main-content #dsk-page-structure > section#service-template#service-template.dsk-case-studies{
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}.dsk-case-studies-owner-v1 main#main-content #dsk-page-structure > section#service-template#service-template.dsk-case-studies .dsk-subnav.dsk-subnav{
  width: 100%;
  max-width: 100% !important;
  margin-left: 0;
  margin-right: 0;
  box-sizing: border-box;
  transform: none;
}

@media (max-width: 360px) {.dsk-case-studies-owner-v1 main#main-content #dsk-page-structure > section#service-template#service-template.dsk-case-studies > .dsk-owner-container.dsk-case-studies__container{
    width: calc(100vw - 32px);
    max-width: calc(100vw - 32px);
    flex: 0 1 calc(100vw - 32px);
    flex-basis: calc(100vw - 32px);
    margin-left: 16px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    transform: none;
  }
}

@media (min-width: 361px) and (max-width: 767px) {.dsk-case-studies-owner-v1 main#main-content #dsk-page-structure > section#service-template#service-template.dsk-case-studies > .dsk-owner-container.dsk-case-studies__container{
    width: calc(100vw - 40px);
    max-width: calc(100vw - 40px);
    flex: 0 1 calc(100vw - 40px);
    flex-basis: calc(100vw - 40px);
    margin-left: 20px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    transform: none;
  }
}

@media (min-width: 768px) and (max-width: 899px) {.dsk-case-studies-owner-v1 main#main-content #dsk-page-structure > section#service-template#service-template.dsk-case-studies > .dsk-owner-container.dsk-case-studies__container{
    width: calc(100vw - 62px);
    max-width: calc(100vw - 62px);
    flex: 0 1 calc(100vw - 62px);
    flex-basis: calc(100vw - 62px);
    margin-left: 16px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    transform: none;
  }
}

@media (min-width: 900px) and (max-width: 1180px) {.dsk-case-studies-owner-v1 main#main-content #dsk-page-structure > section#service-template#service-template.dsk-case-studies > .dsk-owner-container.dsk-case-studies__container{
    width: calc(100vw - 78px);
    max-width: calc(100vw - 78px);
    flex: 0 1 calc(100vw - 78px);
    flex-basis: calc(100vw - 78px);
    margin-left: 24px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    transform: none;
  }
}

/* case-studies-rail-closure-20260517
   Keep the listing rail aligned with the PL footer/content rail across the
   full RWD matrix. The legacy builder shell exposes a 30px visual gutter, so
   the owner container must use the same page rail instead of its old fixed
   left offset. */
.dsk-case-studies-owner-v1 main#main-content #dsk-page-structure > section#service-template#service-template.dsk-case-studies > .dsk-owner-container.dsk-case-studies__container{
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  transform: none !important;
}

@media (max-width: 360px){
  .dsk-case-studies-owner-v1 main#main-content #dsk-page-structure > section#service-template#service-template.dsk-case-studies > .dsk-owner-container.dsk-case-studies__container{
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    flex: 0 1 calc(100% - 32px) !important;
    flex-basis: calc(100% - 32px) !important;
  }
}

@media (min-width: 361px) and (max-width: 767px){
  .dsk-case-studies-owner-v1 main#main-content #dsk-page-structure > section#service-template#service-template.dsk-case-studies > .dsk-owner-container.dsk-case-studies__container{
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
    flex: 0 1 calc(100% - 40px) !important;
    flex-basis: calc(100% - 40px) !important;
  }
}

@media (min-width: 768px) and (max-width: 899px){
  .dsk-case-studies-owner-v1 main#main-content #dsk-page-structure > section#service-template#service-template.dsk-case-studies > .dsk-owner-container.dsk-case-studies__container{
    width: var(--dsk-pl-subpage-rail, calc(100% - 40px)) !important;
    max-width: var(--dsk-pl-subpage-rail, calc(100% - 40px)) !important;
    flex: 0 1 var(--dsk-pl-subpage-rail, calc(100% - 40px)) !important;
    flex-basis: var(--dsk-pl-subpage-rail, calc(100% - 40px)) !important;
  }
}

@media (min-width: 900px) and (max-width: 1276px){
  .dsk-case-studies-owner-v1 main#main-content #dsk-page-structure > section#service-template#service-template.dsk-case-studies > .dsk-owner-container.dsk-case-studies__container{
    width: var(--dsk-pl-subpage-rail, min(1236px, calc(100% - 40px))) !important;
    max-width: var(--dsk-pl-subpage-rail, min(1236px, calc(100% - 40px))) !important;
    flex: 0 1 var(--dsk-pl-subpage-rail, min(1236px, calc(100% - 40px))) !important;
    flex-basis: var(--dsk-pl-subpage-rail, min(1236px, calc(100% - 40px))) !important;
  }
}

@media (min-width: 1277px){
  .dsk-case-studies-owner-v1 main#main-content #dsk-page-structure > section#service-template#service-template.dsk-case-studies > .dsk-owner-container.dsk-case-studies__container{
    width: var(--dsk-pl-subpage-rail, var(--dsk-global-nav-footer-rail, 1236px)) !important;
    max-width: var(--dsk-pl-subpage-rail, var(--dsk-global-nav-footer-rail, 1236px)) !important;
    flex: 0 1 var(--dsk-pl-subpage-rail, var(--dsk-global-nav-footer-rail, 1236px)) !important;
    flex-basis: var(--dsk-pl-subpage-rail, var(--dsk-global-nav-footer-rail, 1236px)) !important;
  }
}

:is(html[lang="pl"], html[lang="uk"]) body.dsk-case-studies-owner-v1.dsk-case-studies-owner-v1:not(.dsk-page-home):not(.dsk-blog-article){
  --dsk-owner-container-rail: var(--dsk-pl-subpage-rail, var(--dsk-global-nav-footer-rail, 1236px));
  --dsk-owner-container-margin-left: auto;
  --dsk-owner-container-margin-right: auto;
}

@media (max-width: 767px){
  :is(html[lang="pl"], html[lang="uk"]) body.dsk-case-studies-owner-v1.dsk-case-studies-owner-v1:not(.dsk-page-home):not(.dsk-blog-article){
    --dsk-owner-container-rail: var(--dsk-pl-subpage-rail, calc(100% - 40px));
  }
}

@media (min-width: 768px) and (max-width: 899px){
  :is(html[lang="pl"], html[lang="uk"]) body.dsk-case-studies-owner-v1.dsk-case-studies-owner-v1:not(.dsk-page-home):not(.dsk-blog-article){
    --dsk-owner-container-rail: var(--dsk-pl-subpage-rail, calc(100% - 40px));
  }
}

@media (min-width: 900px) and (max-width: 1276px){
  :is(html[lang="pl"], html[lang="uk"]) body.dsk-case-studies-owner-v1.dsk-case-studies-owner-v1:not(.dsk-page-home):not(.dsk-blog-article){
    --dsk-owner-container-rail: var(--dsk-pl-subpage-rail, min(1236px, calc(100% - 40px)));
  }
}

:is(html[lang="pl"], html[lang="uk"]) body.dsk-case-studies-owner-v1.dsk-case-studies-owner-v1:not(.dsk-page-home):not(.dsk-blog-article) main#main-content #dsk-page-structure > section#service-template#service-template.dsk-case-studies .dsk-case-studies__body > .dsk-subnav.dsk-subnav{
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  align-self: stretch !important;
  display: flex !important;
}

/* visual-next5-case-studies-top-rhythm-20260601
   Pull the first listing content closer to the header while keeping the
   existing case chips and page rail untouched. */
:is(html[lang="pl"], html[lang="uk"]) body.dsk-case-studies-owner-v1 main#main-content #dsk-page-structure > section#service-template#service-template.dsk-case-studies{
  padding-top: clamp(24px, 3vw, 44px);
}

:is(html[lang="pl"], html[lang="uk"]) body.dsk-case-studies-owner-v1 main#main-content #dsk-page-structure > section#service-template#service-template.dsk-case-studies .dsk-case-studies__row{
  padding-top: clamp(18px, 2.2vw, 28px);
}

@media (max-width: 767px){
  :is(html[lang="pl"], html[lang="uk"]) body.dsk-case-studies-owner-v1 main#main-content #dsk-page-structure > section#service-template#service-template.dsk-case-studies{
    padding-top: 20px;
  }

  :is(html[lang="pl"], html[lang="uk"]) body.dsk-case-studies-owner-v1 main#main-content #dsk-page-structure > section#service-template#service-template.dsk-case-studies .dsk-case-studies__row{
    padding-top: 14px;
  }
}

/* visual-next10-human-eye-case-mobile-canvas-20260602
   The listing content was correct, but the mobile white canvas stopped before
   the right viewport edge. Keep the content rail intact and widen only the
   page background/surface. */
@media (max-width: 767px){
  html[lang="pl"]:has(body.dsk-case-studies-owner-v1) {
    scrollbar-gutter: auto;
    background: #fff;
  }

  html[lang="pl"] body.dsk-case-studies-owner-v1 {
    inline-size: auto;
    width: auto;
    max-width: none;
    scrollbar-gutter: auto;
  }

  html[lang="pl"] body.dsk-case-studies-owner-v1 main#main-content,
  html[lang="pl"] body.dsk-case-studies-owner-v1 main#main-content #dsk-page-structure,
  html[lang="pl"] body.dsk-case-studies-owner-v1 main#main-content #dsk-page-structure > section#service-template.dsk-case-studies{
    width: 100%;
    max-width: 100%;
    inline-size: 100%;
    max-inline-size: 100%;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    box-sizing: border-box;
  }
}