/* Original Figma fabric, gathered sideways as in the approved preview. */
.premiere-curtain {
  display: none;
  position: fixed;
  inset: 0;
  height: 100%;
  height: 100lvh;
  z-index: 10000;
  overflow: hidden;
  pointer-events: none;
  contain: layout paint;
}
.premiere-curtain.is-active { display: block; }
html.premiere-curtain-active { overflow: hidden; }
.premiere-curtain__panel {
  position: absolute;
  top: -1px;
  bottom: -2px;
  width: 50.15%;
  background: var(--curtain-image) no-repeat;
  background-size: 200% 100%;
  filter: var(--curtain-filter, none);
  will-change: transform;
  transition: transform 3.2s cubic-bezier(.65, 0, .2, 1);
}
.premiere-curtain__panel--left {
  left: -.15%;
  background-position: left top;
  transform-origin: left top;
}
.premiere-curtain__panel--right {
  right: -.15%;
  background-position: right top;
  transform-origin: right top;
}
.premiere-curtain.is-open .premiere-curtain__panel--left {
  transform: translateX(-58%) scaleX(.558);
}
.premiere-curtain.is-open .premiere-curtain__panel--right {
  transform: translateX(58%) scaleX(.535);
}
/* Crop the fabric on phones rather than squeezing all desktop folds. */
@media (max-width: 767px) {
  .premiere-curtain__panel { background-size: auto 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .premiere-curtain.is-active { display: none; }
  html.premiere-curtain-active { overflow: auto; }
}