/* Spacing from Figma 59:321. Kept local because Ekte shares the base CSS. */
.zip-page{--zip-space-major:120px;--zip-space-section:60px;--zip-space-local:20px;--zip-space-caption:12px}
.zip-page .case-page{width:min(100%,1054px);padding-inline:27px;padding-bottom:var(--zip-space-major)}
.zip-page .case-nav{top:14px}
.zip-page .case-hero{width:calc(100% + 3px);max-width:1003px;margin-left:-3px;margin-right:0}
.zip-page .visual--hero{width:calc(100% + 3px);max-width:1003px;margin-left:-3px;margin-right:0;margin-top:var(--zip-space-section)}
.zip-page .case-meta-wrap{margin-top:var(--zip-space-major)}
.zip-page .case-meta{grid-template-columns:140px 108px 118px minmax(0,160px);gap:67px}
.zip-page .copy-stack{width:min(727px,100%);margin-top:var(--zip-space-section);gap:var(--zip-space-section)}
.zip-page .tasks{margin-top:var(--zip-space-major)}
.zip-page .task-grid{gap:4px}
.zip-page .task-grid>div{min-height:240px;padding:17px}
.zip-page blockquote{width:min(548px,100%);margin-top:-22px;padding:20px;line-height:18px}
.zip-page blockquote strong{margin-bottom:8px;line-height:21px}
.zip-page .research-copy{margin-top:var(--zip-space-major);gap:var(--zip-space-local);min-height:188px}
.zip-page .research-copy h2{margin-bottom:0}
.zip-page .research-visual{margin-top:var(--zip-space-section)}
.zip-page .process{margin-top:var(--zip-space-major)}
.zip-page .process>h2{margin-bottom:var(--zip-space-local)}
.zip-page .process-list{gap:42px}
.zip-page .process-list li{min-height:60px;padding:13px;line-height:21px}
.zip-page .process-list li:not(:last-child)::after{top:calc(100% + 17px);width:6px;height:10px}
.zip-page .process-list__restart img{height:12.414px}
.zip-page .journey{margin-top:var(--zip-space-major);min-height:0}
.zip-page .journey-comparison{margin-top:var(--zip-space-local);min-height:295px}
.zip-page .journey-row span{padding:9px 16.223px}
.zip-page .journey-row--new span:nth-child(2){width:281px}
.zip-page .journey-row--new span:nth-child(3){width:218px}
.zip-page .journey-arrow{width:8.117px;margin-top:1.535675px;margin-bottom:34.464325px}
.zip-page .product-copy{margin-top:var(--zip-space-local);gap:var(--zip-space-local);min-height:168px}
.zip-page .product-copy p{width:min(649px,100%);font-size:14px;line-height:21px}
.zip-page .visual--legacy + .visual--screen + .product-copy{margin-top:var(--zip-space-local)}
.zip-page .visual--legacy + .visual--screen + .product-copy p{width:min(498px,100%)}
.zip-page .visual--legacy{margin-top:var(--zip-space-section)}
.zip-page .visual--legacy figcaption{margin-top:var(--zip-space-caption);line-height:21px}
.zip-page .visual--annotated{margin-top:var(--zip-space-major)}
.zip-page .visual--annotated>.annotated-image{aspect-ratio:728/934.063354;height:auto}
.zip-page .visual--annotated + .visual--legacy{margin-top:var(--zip-space-local)}
.zip-page .visual--legacy + .visual--mobile{margin-top:var(--zip-space-major)}
.zip-page .visual--mobile + .visual--mobile{margin-top:var(--zip-space-local)}
.zip-page .mobile-heading{margin-top:var(--zip-space-local)}
.zip-page .next-case-wrap{margin-top:var(--zip-space-major);padding-top:32px;padding-bottom:31px}
.zip-page .project-link-card{padding:15px;gap:4px}

@media(max-width:1000px){
  .zip-page .case-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
}
@media(max-width:760px){
  .zip-page{--zip-space-major:60px}
  .zip-page .case-page{padding-inline:16px}
  .zip-page .case-nav{top:10px}
  .zip-page .case-hero,.zip-page .visual--hero{width:100%;margin-inline:auto}
  .zip-page .case-meta-wrap{margin-top:var(--zip-space-major)}
  .zip-page .copy-stack{margin-top:var(--zip-space-section);gap:var(--zip-space-section)}
  .zip-page .tasks,.zip-page .research-copy,.zip-page .process,.zip-page .journey{margin-top:var(--zip-space-major)}
  .zip-page .task-grid>div{min-height:136px}
  .zip-page .research-copy,.zip-page .journey,.zip-page .journey-comparison,.zip-page .product-copy{min-height:0}
  .zip-page .visual--screen,.zip-page .visual--mobile,.zip-page .visual--annotated{margin-top:var(--zip-space-major)}
  .zip-page .research-visual{margin-top:var(--zip-space-section)}
  .zip-page .process-list li{min-height:60px;font-size:14px}
  .zip-page .visual--legacy + .visual--mobile{margin-top:var(--zip-space-major)}
  .zip-page .next-case-wrap{margin-top:var(--zip-space-major)}
}