/* Overlapping grid cells reserve the tallest scene's space, including hidden scenes. */
.journey-frame {
  height: auto;
}
.journey-previews {
  position: relative;
  inset: auto;
  display: grid;
  min-height: 452px;
}
.journey-preview {
  position: relative;
  inset: auto;
  grid-area: 1 / 1;
  min-width: 0;
}
.journey-preview h3 {
  font-size: 1.65rem;
}
.journey-preview > p {
  font-size: .94rem;
}
.journey-signal {
  height: calc((100% - 48px) / 4);
}

/* Completed entrance animations must release transform for hover interactions. */
.module-panel.is-active .deliverable,
.evolution.visible .level-card {
  animation-fill-mode: backwards;
}
.deliverable:focus-within {
  border-color: var(--jade-soft);
}

@media (max-width: 760px) {
  .journey-visual {
    height: auto;
    min-height: 0;
  }
  .journey-previews {
    min-height: 0;
  }
  .journey-preview {
    padding: 20px;
  }
  .journey-preview h3 {
    font-size: 1.35rem;
  }
  .journey-preview > p {
    font-size: .88rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .module-panel.is-active .deliverable,
  .evolution.visible .level-card,
  .journey-signal {
    animation: none;
    transition: none;
  }
}