#curtain{background:transparent;pointer-events:none;isolation:isolate}
#curtain:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 46%,rgba(245,230,211,.12),transparent 38%),#050000;opacity:.82}
.curtain-panel{pointer-events:auto;width:50%;background:linear-gradient(90deg,#3a0505 0%,#180000 30%,#6b0b0b 52%,#210000 78%,#070000 100%);box-shadow:inset 0 0 7rem rgba(0,0,0,.6),inset 0 0 1px rgba(245,230,211,.2)}
.curtain-panel.right{background:linear-gradient(90deg,#070000 0%,#210000 22%,#6b0b0b 48%,#180000 70%,#3a0505 100%)}
.curtain-panel:after{background:repeating-linear-gradient(90deg,transparent 0 5%,rgba(245,230,211,.08) 6%,transparent 12%,rgba(0,0,0,.13) 17%,transparent 23%);mix-blend-mode:screen}
.curtain-logo{pointer-events:none;text-shadow:0 2px 24px rgba(0,0,0,.45)}
#curtain.open .left,#curtain.open .right{animation-duration:2.4s}
@media (prefers-reduced-motion: reduce){#curtain{display:none}}