/* q:scroll drives chapter-local progress. Layout belongs to scenes.css;
   this sheet changes only opacity and composited transforms. */
.q-motion-word { display: inline-block; }
.q-motion-ready .q-motion-word {
  opacity: var(--q-word-opacity, 1);
  transform: translate3d(0, var(--q-word-y, 0px), 0);
}
.q-motion-ready .q-motion-copy {
  opacity: var(--q-copy-opacity, 1);
  transform: translate3d(0, var(--q-copy-y, 0px), 0);
}
.q-motion-ready .q-capabilities li {
  opacity: var(--q-capability-opacity, 1);
  transform: translate3d(0, var(--q-capability-y, 0px), 0) rotate(var(--q-capability-rotate, 0deg));
}
.q-motion-ready .q-applied {
  transform: translate3d(0, var(--q-panel-y, 0px), 0) scale(var(--q-panel-scale, 1));
  transform-origin: center top;
}
.q-motion-ready .q-metrics > div {
  opacity: var(--q-metric-opacity, 1);
  transform: translate3d(0, var(--q-metric-y, 0px), 0);
}
/* The sticky figure and its ancestors must never be transformed. */
.q-motion-ready .q-founder__video {
  transform: translate3d(0, var(--q-media-y, 0px), 0) scale(var(--q-media-scale, 1));
  transform-origin: center top;
}
.q-motion-ready .q-founder__video > img {
  transform: translate3d(0, var(--q-photo-y, 0px), 0) scale(1.08);
  transition: filter .4s ease;
}
.q-motion-ready .q-principles > li {
  opacity: var(--q-step-opacity, 1);
  transform: translate3d(0, var(--q-step-y, 0px), 0);
}
.q-motion-ready .q-principles > li.is-active h3 { color: #fff; }
.q-motion-ready .q-closing__inner {
  transform: translate3d(0, var(--q-closing-y, 0px), 0) scale(var(--q-closing-scale, 1));
  transform-origin: center;
}
/* A keyboard target is fully readable and in its natural position. */
.q-motion-ready :is(.q-motion-copy, .q-applied, .q-metrics > div, .q-founder__video, .q-principles > li, .q-closing__inner):focus-within {
  opacity: 1;
  transform: none;
}
.q-motion-ready .q-founder__video:focus-within > img { transform: none; }
@media (prefers-reduced-motion: reduce), (forced-colors: active) {
  .q-motion-ready :is(.q-motion-word, .q-motion-copy, .q-capabilities li, .q-applied, .q-metrics > div, .q-founder__video, .q-founder__video > img, .q-principles > li, .q-closing__inner) {
    opacity: 1;
    transform: none;
    transition: none;
  }
}
.q-effects-static :is(.q-motion-word, .q-motion-copy, .q-capabilities li, .q-applied, .q-metrics > div, .q-founder__video, .q-founder__video > img, .q-principles > li, .q-closing__inner) {
  opacity: 1;
  transform: none;
}
