.flipbook__stage {
  position: relative;
  display: flex;
  min-height: 48rem;
  place-items: center;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid #334155;
  background: #0f172a;
}

.flipbook__page {
  max-width: 50%;
  height: auto;
  box-shadow: 0 20px 50px rgb(0 0 0 / 0.45);
}

.flipbook__spread {
  display: flex;
  max-width: 100%;
}

.flipbook__status {
  position: absolute;
  font-family: "Source Code Pro", monospace;
  font-size: 0.75rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #fcd34d;
}

@media (max-width: 640px) {
  .flipbook__stage { min-height: 30rem; }

  .flipbook__spread { gap: 1px; }
}