/* Main deck. Keep the previous image in place while the next slide fades in. */
body[data-presentation="deck"] #stage .scene {
  transition: none;
}

body[data-presentation="deck"] #stage .scene.is-active {
  z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
  body[data-presentation="deck"] #stage .scene.is-outgoing {
    animation: deck-outgoing-hold 240ms step-end both;
  }

  .cover-mark-host {
    transition-duration: 720ms;
  }

  #stage:has(#pro-market.is-active) .cover-mark-host[data-ready="true"] > :is(img, canvas) {
    transition-delay: 450ms;
  }

  #owner-overview.is-active .owner-readiness-series {
    animation: deck-draw-series 590ms cubic-bezier(.22, 1, .36, 1) 155ms both;
  }

  #owner-overview.is-active .owner-chart-columns rect {
    transform-box: fill-box;
    transform-origin: bottom;
    animation: deck-grow-column 410ms cubic-bezier(.22, 1, .36, 1) 220ms both;
  }

  #owner-overview.is-active .owner-chart-columns rect:nth-child(2) { animation-delay: 285ms; }
  #owner-overview.is-active .owner-chart-columns rect:nth-child(3) { animation-delay: 350ms; }
  #owner-overview.is-active .owner-overview-matches { animation: deck-fade-in 430ms ease-out 220ms both; }

  .role-demo.is-active .role-demo-screen {
    animation: deck-fade-in 300ms ease-out both;
  }

  .role-demo.is-active :is(.role-demo-controls, .role-demo-chapters, .role-demo-seek) {
    animation: deck-fade-in 360ms ease-out 130ms both;
  }

  .club-ecosystem.is-active .ecosystem-core { animation: deck-core-in 560ms cubic-bezier(.22, 1, .36, 1) 95ms both; }
  .club-ecosystem.is-active .ecosystem-ring { animation: deck-ring-in 550ms cubic-bezier(.22, 1, .36, 1) 170ms backwards; }
  .club-ecosystem.is-active .ecosystem-ring.middle { animation-delay: 145ms; }
  .club-ecosystem.is-active .ecosystem-ring.inner { animation-delay: 115ms; }
  .club-ecosystem.is-active .ecosystem-dot { animation-duration: 480ms; animation-delay: 175ms; }
  .club-ecosystem.is-active :is(.ecosystem-dot.p3, .ecosystem-dot.p4) { animation-delay: 225ms; }
  .club-ecosystem.is-active :is(.ecosystem-dot.p5, .ecosystem-dot.p6) { animation-delay: 275ms; }

  .match-week.is-active .week-timeline::before {
    animation: week-connect 540ms linear 75ms both;
  }

  .match-week.is-active .week-node::before,
  .match-week.is-active .week-node::after {
    animation: deck-fade-in 210ms ease-out calc(75ms + var(--node-delay, 0ms)) both;
  }

  .match-week.is-active .week-node:nth-child(2) { --node-delay: 108ms; }
  .match-week.is-active .week-node:nth-child(3) { --node-delay: 216ms; }
  .match-week.is-active .week-node:nth-child(4) { --node-delay: 324ms; }
  .match-week.is-active .week-node:nth-child(5) { --node-delay: 432ms; }

  .capability-index .capability-preview {
    transition-duration: 220ms, 340ms;
  }

  .baks-proof.is-active .baks-proof-photo img { animation-duration: 920ms; }
  .baks-proof.is-active .baks-proof-line { animation-duration: 760ms; animation-delay: 180ms; }
  .baks-proof.is-active .baks-proof-label-highlight { animation: deck-fade-in 300ms ease-out 650ms both; }

  .club-comparison.is-active .comparison-handle { animation: deck-fade-in 370ms ease-out 220ms both; }
}

@keyframes deck-outgoing-hold {
  from { visibility: visible; opacity: 1; }
  to { visibility: hidden; opacity: 0; }
}

@keyframes deck-fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes deck-draw-series {
  from { clip-path: inset(0 100% 0 0); }
  to { clip-path: inset(0); }
}

@keyframes deck-grow-column {
  from { transform: scaleY(0); }
  to { transform: scaleY(1); }
}

@keyframes deck-core-in {
  from { opacity: .15; transform: scale(.9); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes deck-ring-in {
  from { opacity: 0; transform: scale(.965); }
}