/* Static scene frames with girl avatar — no motion */

.page-scene {
  display: block;
  width: min(100%, 42rem);
  max-width: 100%;
  min-width: 0;
  height: auto;
  margin: 1.35rem 0 0.25rem;
  border-radius: 1rem;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.16);
}

.page-scene--mid {
  width: min(100%, 28rem);
  margin: 1.75rem 0;
}

.hero .page-scene,
.page-header + .page-scene,
.form-section .page-scene,
.section-title ~ .page-scene {
  margin-left: auto;
  margin-right: auto;
}

.hero > div > .page-scene,
.hero .page-scene--start {
  margin-left: 0;
  margin-right: auto;
}

.hero > img.page-scene--slot {
  width: 100%;
  max-width: 100%;
  margin: 0;
  justify-self: stretch;
  align-self: center;
}