/* Readable project cards in a native horizontal reel. */
.cases-carousel{min-width:0}
body[data-design="cyber"] .cases-grid.cases-track{
  display:grid;grid-template-columns:none;grid-template-rows:1fr;grid-auto-flow:column;
  grid-auto-columns:clamp(320px,43%,420px);gap:20px;align-items:stretch;
  max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;
  padding:5px 2px 20px;scrollbar-width:thin;scrollbar-color:#793441 rgba(198,211,217,.06);
  -webkit-overflow-scrolling:touch;
}
.cases-track::-webkit-scrollbar{height:5px}
.cases-track::-webkit-scrollbar-thumb{background:#793441;border-radius:10px}
.cases-track:focus-visible{outline:1px solid #bd6575;outline-offset:5px;border-radius:18px}
.has-case-controls .cases-track{scrollbar-width:none!important;cursor:grab}
.has-case-controls .cases-track::-webkit-scrollbar{display:none}
.cases-track.is-dragging,.cases-track.is-dragging *{cursor:grabbing!important;user-select:none}
.cases-carousel .cases-range-wrap{margin-top:4px}
body[data-design="cyber"] .cases-track .project-case .case-preview{--case-preview-height:440px}
@media(max-width:600px){
  body[data-design="cyber"] .cases-grid.cases-track{grid-auto-columns:calc(100% - 24px);gap:14px}
  body[data-design="cyber"] .cases-track .project-case .case-preview{--case-preview-height:400px}
}