.reveal-frame{isolation:isolate}
.reveal-frame>.curtain{background:none;z-index:3;transform:none;transition:none;pointer-events:none}
.curtain::before,.curtain::after{content:"";position:absolute;top:0;bottom:0;width:calc(50% + 1px);z-index:0;background:repeating-linear-gradient(90deg,#161715 0%,#35362f 7%,#24251f 14%,#10110f 22%,#2c2d27 29%,#3a3b33 36%,#191a16 43%);box-shadow:inset 0 15px 25px #08090888,0 0 28px #0009;transition:transform 1.8s cubic-bezier(.65,0,.25,1),border-radius 1.8s ease;will-change:transform}
.curtain::before{left:0;transform-origin:top left}
.curtain::after{right:0;transform-origin:top right;background-position:right}
.curtain span{position:relative;z-index:1;text-align:center;padding:0 18px;transition:opacity .35s ease .65s}
.is-revealed .curtain{transform:none}
.is-revealed .curtain::before{transform:translateX(-100%) skewY(-2deg);border-bottom-right-radius:35%}
.is-revealed .curtain::after{transform:translateX(100%) skewY(2deg);border-bottom-left-radius:35%}
.is-revealed .curtain span{opacity:0;transition-delay:0s}
.reveal-frame>.image-label{z-index:1;background:#151514a8;padding:4px 8px}
@media(prefers-reduced-motion:reduce){.curtain::before,.curtain::after,.curtain span{transition:none}}