/* ============================================================
   DECK — horizontal slide container
   Each advance translates -100vw. Slides are siblings.
   ============================================================ */
.deck {
  position: fixed; inset: 0;
  display: flex;
  width: 100vw; height: 100vh;
  transition: transform 650ms var(--ease-decisive);
  will-change: transform;
}

.slide {
  flex: 0 0 100vw;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6vh 6vw;
  overflow: hidden;
}