.curtain-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    /* pointer-events: none; */
}

.curtain-panel {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #273f27;
    transform-origin: center;
}

.curtain-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #FA8C3D;
    clip-path: polygon(54.9% 0, 55.2% 0, 45.2% 100%, 44.9% 100%);
    pointer-events: none;
}
.curtain-panel-left::before {
    transform: translateX(-30px);
}
.curtain-panel-right::before {
    transform: translateX(30px);
}

.curtain-panel-left {
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 55% 0, 45% 100%, 0 100%);
}

.curtain-panel-right {
    top: 0;
    right: 0;
    clip-path: polygon(55% 0, 100% 0, 100% 100%, 45% 100%);
}

body.curtain-active {
    overflow: hidden;
}

body.curtain-complete {
    overflow: auto;
}


/* #FA8C3D  */
/* #A4927B */