:root {
 --stage-speed: 3.5s;
 --stage-easing: cubic-bezier(0.3, 0.05, 0.1, 1);
 --open-border-scale: 0.1667; /* Compresses 60vw down to exactly 10vw */
}


/* ==========================================================================
   SIDE CURTAINS
   ========================================================================== */
body::before, body::after {
 animation-duration: var(--stage-speed);
 animation-timing-function: var(--stage-easing);
 animation-fill-mode: forwards;
}

body::before {
 transform-origin: left center;
 animation-name: open-left;
}

body::after {
 transform-origin: right center;
 animation-name: open-right;
}

/* ==========================================================================
   CURTAIN OPENING KEYFRAMES
   ========================================================================== */
@keyframes open-left {
 0% {
  transform: scaleX(1);
 }

 100% {
  transform: scaleX(var(--open-border-scale));
 }
}

@keyframes open-right {
 0% {
  transform: scaleX(1);
 }

 100% {
  transform: scaleX(var(--open-border-scale));
 }
}