.page-curtain {
  position: fixed;
  inset: 0;
  z-index: 10000;
  background: #000;
  pointer-events: none;
  transform: scaleY(0);
  transform-origin: top center;
  transition: transform 1.25s cubic-bezier(.76, 0, .24, 1);
  will-change: transform;
}
.page-curtain.is-active { transform: scaleY(1); }
html.curtain-arrival .page-curtain {
  transform: scaleY(1);
  transition: none;
}
.page-curtain.is-revealing {
  transform: scaleY(0);
  transform-origin: bottom center;
}
.page-curtain, .page-wipe {
  transition-duration: 1.25s !important;
  transition-timing-function: cubic-bezier(.76, 0, .24, 1) !important;
}

.page-curtain.is-active, .page-wipe.is-active {
  transition-duration: .52s !important;
  transition-timing-function: cubic-bezier(.5, 0, .82, .5) !important;
}