/* A separate presentation: only the original phone, on a black canvas. */
html,
body.phone-only {
  margin: 0;
  min-height: 100%;
  background: #000;
}

.phone-only .stage {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100dvh;
  padding: 20px 16px;
  gap: 0;
}

.phone-only .device {
  flex-shrink: 0;
  width: min(400px, calc(100vw - 32px));
  height: min(830px, calc(100dvh - 40px));
  min-height: 0;
  box-shadow: 0 0 0 1px #51564c;
}

@media (max-width: 480px) {
  .phone-only .stage {
    padding: 0;
  }

  .phone-only .device {
    width: 100%;
    height: 100dvh;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
}