/* Finite narrative scenes reveal their already-present final content only after JS is ready. */
[data-story][data-motion-ready] [data-motion-visible="false"]:not([data-scene-pointer]) {
  visibility: hidden;
  opacity: 0;
  transform: translate3d(0, 8px, 0);
  pointer-events: none;
  transition:
    opacity 240ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 240ms cubic-bezier(0.23, 1, 0.32, 1),
    visibility 0s linear 0s;
}

[data-story][data-motion-ready] [data-motion-visible="true"]:not([data-scene-pointer]) {
  visibility: visible;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition:
    opacity 240ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 240ms cubic-bezier(0.23, 1, 0.32, 1),
    visibility 0s;
}

[data-story][data-motion-ready] [data-scene-pointer] {
  opacity: 0;
  transition:
    opacity 180ms cubic-bezier(0.23, 1, 0.32, 1),
    transform 560ms cubic-bezier(0.77, 0, 0.175, 1);
}

[data-story][data-motion-ready] [data-scene-pointer][data-motion-visible="true"] {
  opacity: 1;
}

[data-story="night"][data-motion-ready] [data-night-details] {
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: left center;
  transition: transform 320ms cubic-bezier(0.77, 0, 0.175, 1);
}

[data-story="night"][data-motion-ready][data-step="3"] [data-night-details][data-motion-acknowledged="true"] {
  transform: translate3d(0, 0, 0) scale(1.012);
}

/* The knowledge window begins centered and readable, then travels into the source pane. */
[data-story="knowledge"][data-motion-ready] .knowledge-workspace {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

[data-story="knowledge"][data-motion-ready] .knowledge-workspace > [data-kb-document] {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: min(600px, 100%);
  height: min(496px, 100%);
  transform: translate3d(52px, 16px, 0) scale(1);
  transform-origin: top left;
  transition: transform 320ms cubic-bezier(0.77, 0, 0.175, 1);
}

[data-story="knowledge"][data-motion-ready] [data-kb-document] .document-toolbar,
[data-story="knowledge"][data-motion-ready] [data-kb-document] .document-body {
  transform: scale(1);
  transform-origin: top left;
  transition: transform 320ms cubic-bezier(0.77, 0, 0.175, 1);
}

[data-story="knowledge"][data-motion-ready] .knowledge-workspace > [data-kb-chat] {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(50% - 8px);
  height: 100%;
}

[data-story="knowledge"][data-motion-ready][data-step="4"] .knowledge-workspace > [data-kb-document],
[data-story="knowledge"][data-motion-ready][data-step="5"] .knowledge-workspace > [data-kb-document],
[data-story="knowledge"][data-motion-ready][data-step="6"] .knowledge-workspace > [data-kb-document],
[data-story="knowledge"][data-motion-ready][data-step="7"] .knowledge-workspace > [data-kb-document],
[data-story="knowledge"][data-motion-ready][data-state="complete"] .knowledge-workspace > [data-kb-document] {
  transform: translate3d(0, 0, 0) scaleX(0.5733);
}

[data-story="knowledge"][data-motion-ready][data-step="4"] [data-kb-document] .document-toolbar,
[data-story="knowledge"][data-motion-ready][data-step="4"] [data-kb-document] .document-body,
[data-story="knowledge"][data-motion-ready][data-step="5"] [data-kb-document] .document-toolbar,
[data-story="knowledge"][data-motion-ready][data-step="5"] [data-kb-document] .document-body,
[data-story="knowledge"][data-motion-ready][data-step="6"] [data-kb-document] .document-toolbar,
[data-story="knowledge"][data-motion-ready][data-step="6"] [data-kb-document] .document-body,
[data-story="knowledge"][data-motion-ready][data-step="7"] [data-kb-document] .document-toolbar,
[data-story="knowledge"][data-motion-ready][data-step="7"] [data-kb-document] .document-body,
[data-story="knowledge"][data-motion-ready][data-state="complete"] [data-kb-document] .document-toolbar,
[data-story="knowledge"][data-motion-ready][data-state="complete"] [data-kb-document] .document-body {
  transform: scaleX(1.7449);
  width: 57.33%;
}

[data-story="knowledge"][data-motion-ready][data-step="4"] [data-kb-document] .document-toolbar,
[data-story="knowledge"][data-motion-ready][data-step="5"] [data-kb-document] .document-toolbar,
[data-story="knowledge"][data-motion-ready][data-step="6"] [data-kb-document] .document-toolbar,
[data-story="knowledge"][data-motion-ready][data-step="7"] [data-kb-document] .document-toolbar,
[data-story="knowledge"][data-motion-ready][data-state="complete"] [data-kb-document] .document-toolbar {
  height: 110px;
  min-height: 110px;
  flex: 0 0 110px;
}

[data-story="knowledge"][data-motion-ready] [data-kb-city] {
  background: transparent;
  transition: background-color 240ms ease;
}

[data-story="knowledge"][data-motion-ready] [data-kb-source][data-motion-highlight] [data-kb-city] {
  background: #FFF1B5;
}

[data-story="knowledge"][data-motion-ready][data-step="1"] [data-kb-edit] {
  transform: translate3d(0, 0, 0) scale(1.01);
  transform-origin: center;
}

[data-story="lead"][data-motion-ready] [data-lead-row] {
  transform-origin: left center;
  transition: transform 320ms cubic-bezier(0.77, 0, 0.175, 1);
}

[data-story="lead"][data-motion-ready][data-step="2"] [data-lead-row],
[data-story="lead"][data-motion-ready][data-step="3"] [data-lead-row],
[data-story="lead"][data-motion-ready][data-step="4"] [data-lead-row] {
  transform: translate3d(0, 0, 0) scale(1.012);
}

[data-lead-summary] {
  border-radius: 12px;
  background: #FFF1B5;
}

[data-story="lead"][data-motion-ready] [data-lead-summary] {
  background: transparent;
  transition: background-color 240ms ease;
}

[data-story="lead"][data-motion-ready] [data-lead-summary][data-motion-highlight] {
  background: #FFF1B5;
}

@media (prefers-reduced-motion: reduce) {
  [data-story][data-motion-ready] [data-motion-visible],
  [data-story][data-motion-ready] [data-scene-pointer] {
    transition: none;
  }
}