#curtain {
  animation: suppertype-curtain-exit 2.15s cubic-bezier(.19, 1, .22, 1) forwards;
  will-change: opacity, transform;
}

@keyframes suppertype-curtain-exit {
  0%, 52% {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    visibility: visible;
  }

  99% {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-101%);
    visibility: visible;
  }

  100% {
    opacity: 0;
    pointer-events: none;
    transform: translateY(-101%);
    visibility: hidden;
  }
}

@media (prefers-reduced-motion: reduce) {
  #curtain {
    animation-duration: .08s;
    animation-delay: .12s;
  }
}