.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: hidden;
}

.carousel-wrapper {
    perspective: 2000px;
}

#carousel-track {
    transform-style: preserve-3d;
}

.carousel-item {
    transform-style: preserve-3d;
}

.carousel-card {
    will-change: transform, opacity;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

#carousel-track {
    touch-action: pan-y;
    user-select: none;
    -webkit-user-select: none;
}

#carousel-track.cursor-grab {
    cursor: grab;
}

#carousel-track.cursor-grabbing {
    cursor: grabbing;
}

/* On touch / small screens there's no hover state, so always reveal the CTA */
@media (max-width: 767px) {
    .case-cta {
        grid-template-rows: 1fr !important;
    }
}