/* Depth belongs to generated outer slides; original cards and images keep their effects. */
.kinetic-home :is(.setup-grid, #real-cmmtr .real-grid) { --setup-carousel-ready: 1; }
.kinetic-home :is(.setup-grid, #real-cmmtr .real-grid).is-setup-carousel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  perspective: 1600px;
  isolation: isolate;
  overflow: clip;
  padding: 30px 0 48px;
  touch-action: pan-y pinch-zoom;
}
.kinetic-home .setup-carousel__slide {
  grid-area: 1 / 1;
  align-self: start;
  justify-self: center;
  width: min(68%, 900px);
  min-width: 0;
  padding: clamp(14px, 2.2vw, 28px);
  background: linear-gradient(135deg, #241334f5, #0a0712fa 58%);
  border: 1px solid #c797ff42;
  box-shadow: 0 32px 64px -38px #a262d666, 0 16px 40px #0008;
  transform: translateX(var(--slide-x)) translateZ(var(--slide-z)) rotateY(var(--slide-yaw)) scale(var(--slide-scale));
  transform-origin: 50% 30%;
  transition: transform .65s cubic-bezier(.2,.7,.2,1), opacity .5s ease;
  opacity: 1;
}
.kinetic-home .setup-carousel__slide[data-position="flank"] { opacity: .38; pointer-events: none; }
.kinetic-home .setup-carousel__slide[data-position="hidden"] { opacity: 0; visibility: hidden; pointer-events: none; }
.kinetic-home .setup-carousel__slide > :is(.setup, figure) { padding: 0; margin: 0; }
.kinetic-home .setup-carousel__slide .setup-caption { align-items: baseline; }
.kinetic-home .setup-carousel__slide .setup-actions { display: flex; flex-wrap: wrap; gap: 10px 24px; }
.kinetic-home .setup-carousel__controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 18px;
  max-width: 900px;
  margin: 0 auto;
}
.kinetic-home .setup-carousel__button {
  min-height: 46px;
  padding: 12px 17px;
  color: #f5f0fa;
  background: #180f23;
  border: 1px solid #b78de56b;
  border-radius: 0;
  font: inherit;
  font-size: 12px;
  line-height: 1.35;
  cursor: pointer;
}
.kinetic-home .setup-carousel__button:first-child { justify-self: start; }
.kinetic-home .setup-carousel__button:nth-of-type(2) { justify-self: end; }
.kinetic-home .setup-carousel__button:hover:not(:disabled) { background: #30203f; border-color: #ba86ff; }
.kinetic-home .setup-carousel__button:disabled { opacity: .42; cursor: default; }
.kinetic-home .setup-carousel__count { color: #ba86ff; font-size: 12px; letter-spacing: .16em; font-variant-numeric: tabular-nums; white-space: nowrap; }
.kinetic-home .setup-carousel__hint { text-align: center; color: #bcb2c7; font-size: 12px; margin-top: 18px; }
.kinetic-home .is-setup-carousel:focus-visible,
.kinetic-home .setup-carousel__button:focus-visible { outline: 2px solid #ba86ff; outline-offset: 4px; }
.kinetic-home .is-setup-carousel[data-carousel-motion="static"] > .setup-carousel__slide { transition: none; }
@media (max-width: 750px) {
  .kinetic-home .setup-carousel__slide { width: 86%; padding: 14px; }
  .kinetic-home :is(.setup-grid, #real-cmmtr .real-grid).is-setup-carousel { padding: 18px 0 30px; perspective: 1100px; }
  .kinetic-home .setup-carousel__controls { gap: 8px; }
  .kinetic-home .setup-carousel__button { padding: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .kinetic-home .setup-carousel__slide { transition: none; }
}
@media (forced-colors: active) {
  .kinetic-home .setup-carousel__slide { background: Canvas; border-color: CanvasText; box-shadow: none; }
  .kinetic-home .setup-carousel__button { background: ButtonFace; color: ButtonText; border-color: ButtonText; }
  .kinetic-home .setup-carousel__count { color: CanvasText; }
}
@media print {
  .kinetic-home :is(.setup-grid, #real-cmmtr .real-grid).is-setup-carousel { display: block; overflow: visible; padding: 0; }
  .kinetic-home .setup-carousel__slide { width: 100%; transform: none; transition: none; opacity: 1 !important; visibility: visible !important; box-shadow: none; break-inside: avoid; margin-bottom: 30px; }
  .kinetic-home .setup-carousel__controls,
  .kinetic-home .setup-carousel__hint { display: none; }
}