/* ================================================================
   STACKED DECK  — v5
   ================================================================ */

#sc-deck {
  position: relative;
}

.sc-deck__card {
  position: sticky;
  top: var(--sticky-top);
  z-index: calc(10 + var(--card-idx, 0));
  min-height: 90vh;     /* was: height: 90vh */
  height: auto;
  overflow: visible;    /* was: overflow-y: auto; overflow-x: hidden */
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow:
    0 -2px 0 rgba(255,255,255,0.06),
    0 12px 56px rgba(0,0,0,0.7);
  background: var(--bg, #000);
  transition: transform 0.1s linear, opacity 0.1s linear;
  transform-origin: top center;
  will-change: transform, opacity;
}

.sc-deck__card:has(> .feature.feature--dark) {
  background: var(--surface-3, #141414);
}

.sc-deck__card > .feature,
.sc-deck__card > section.feature {
  margin: 0 !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  height: auto !important;       /* add this */
  min-height: 90vh;              /* was: min-height: 100% */
}

.sc-deck__card > .feature.feature--dark {
  background: transparent !important;
  border-radius: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
}

/* 10vh spacer — scroll room for the slide-in transition */
.sc-deck__spacer {
  height: 10vh;
}

@media (prefers-reduced-motion: reduce) {
  .sc-deck__card {
    transition: none;
    transform: none !important;
    opacity: 1 !important;
  }
}

@media (max-width: 900px) {
  .sc-deck__card {
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    transform: none !important;
    opacity: 1 !important;
    box-shadow: none;
    margin-bottom: 24px;
  }
  .sc-deck__card > .feature,
  .sc-deck__card > section.feature {
    height: auto !important;
    min-height: 0 !important;
  }
  .sc-deck__spacer {
    display: none !important;
  }
}

@media (max-width: 768px) {
  .sc-deck__card { border-radius: 14px; }
  .feature-eyebrow {
    display: none;
  }
   /* .feature {
    height: 30vh;
  } */
}