html, body {
  margin: 0;
  width: 100%;
  min-height: 100%;
  background: #05070d;
}

body { overflow: hidden; }

.page-link {
  display: block;
  width: 100vw;
  height: 100vh;
  cursor: pointer;
  background: #05070d;
}

.full {
  display: block;
  width: 100vw;
  height: 100vh;
  user-select: none;
  -webkit-user-drag: none;
}

.hero {
  object-fit: cover;
  object-position: center center;
}

.doll {
  object-fit: contain;
  object-position: center center;
  background:
    radial-gradient(circle at center, #ffffff 0%, #f7f1e8 54%, #0b1324 55%, #05070d 100%);
}

@media (max-width: 760px) {
  .hero { object-position: center center; }
  .doll { background: #f7f1e8; }
}