/* ── Scene 3 character positions ────────────────────────── */

/* Default: below the stage so they're never visible in the background */
#s3-boy {
  position: absolute;
  top:  240px;
  left: 340px;
  transform: translateY(600px);
}

#s3-girl {
  position: absolute;
  top:  282px;
  left: 470px;
  transform: scaleX(-1) translateY(600px);
}

/* Slide both characters up into position when scene-03 fades in (t=17s) */
body.scenes-started #stage #s3-boy {
  animation: s3boySlideIn 0.9s 17.2s ease-out both;
}
body.scenes-started #stage #s3-girl {
  animation: s3girlSlideIn 0.9s 17.4s ease-out both;
}

@keyframes s3boySlideIn {
  from { transform: translateY(600px); }
  to   { transform: translateY(0); }
}
@keyframes s3girlSlideIn {
  from { transform: scaleX(-1) translateY(600px); }
  to   { transform: scaleX(-1) translateY(0); }
}