/* The letter belongs behind the fabric, the cords belong in the hands. */
.theatre-screen{--curtain-open:0}
.theatre-inner{isolation:isolate}
.theatre-lights{z-index:0;opacity:.48}
.stage-drape{position:absolute;top:0;bottom:11%;width:50.1%;z-index:3;overflow:hidden;will-change:transform;background:repeating-linear-gradient(90deg,#341b26 0%,#57313e 10%,#6b424d 17%,#432431 25%,#2e1622 34%,#603a46 44%,#341b26 53%);box-shadow:inset -12px 0 22px #190a1870,0 8px 15px #0d050d50;border-bottom:4px double #b89967;transform:scaleX(calc(1 - var(--curtain-open)*.87));border-radius:0 0 calc(var(--curtain-open)*38%) 0}
.stage-drape:before{content:'';position:absolute;inset:0;opacity:.2;background-image:radial-gradient(ellipse at center,#f3d69b 0 7%,transparent 28%),linear-gradient(90deg,transparent 49%,#d4ae6666 50%,transparent 51%);background-size:58px 100px,58px 100%;mask-image:linear-gradient(#000 15%,transparent 90%)}
.drape-left{left:0;transform-origin:0 0}.drape-right{right:0;transform-origin:100% 0;border-radius:0 0 0 calc(var(--curtain-open)*38%);box-shadow:inset 12px 0 22px #190a1870,0 8px 15px #0d050d50}
.theatre-top{z-index:9}.theatre-floor{z-index:4}
.stage-envelope{z-index:1;top:24%;height:33%;left:21%;width:58%;background:linear-gradient(145deg,#853746,#542237);box-shadow:0 20px 35px #09030970;transition:opacity 1.4s,transform 1.8s}
.envelope-top{background:linear-gradient(145deg,#9b4b55,#672c40)}
.inner-letter{z-index:2;top:25%;height:35%;padding:10% 8% 5%}
.letter-open .inner-letter{z-index:5}.letter-open .stage-envelope{z-index:1}
.pull-couple{position:absolute;inset:0;z-index:7;pointer-events:none;transition:opacity 1.4s,visibility 1.4s}
.pull-person{position:absolute;bottom:12%;height:32%;width:48%;transform-origin:50% 100%;will-change:transform;filter:drop-shadow(0 8px 5px #0d050e50)}
.pull-groom{left:0}.pull-bride{right:0}
.pull-model{position:absolute;bottom:0;left:50%;height:100%;width:auto;max-width:none;transform:translateX(-50%);object-fit:contain}
.pull-bride .pull-model{transform:translateX(-50%) scaleX(-1)}
.cord-rig{position:absolute;inset:0;width:100%;height:100%;z-index:6;overflow:visible;pointer-events:none;transition:opacity 1.2s}
.cord-line{fill:none;stroke:url(#cord-gold);stroke-width:2.8;stroke-linecap:round}.cord-shadow{fill:none;stroke:#190d0c70;stroke-width:4.5;stroke-linecap:round}
.cord-rig g{fill:#c6a05c;stroke:#f1d28e;stroke-width:.65}
.letter-open .pull-couple,.letter-open .cord-rig{opacity:0;visibility:hidden}
.theatre-screen .theatre-heading{top:14%;transition:opacity .9s}
.theatre-screen.pulling .theatre-heading{opacity:0}
.theatre-screen .ribbon-button{bottom:4.5%;transition:opacity .7s}
.theatre-screen.pulling .ribbon-button{opacity:0;visibility:hidden}
@media(max-width:600px){.stage-envelope{top:25%;height:31%;left:20%;width:60%}.inner-letter{top:24%;height:38%;padding-top:13%}.pull-person{height:31%}.cord-line{stroke-width:2.4}.cord-shadow{stroke-width:3.6}}
@media(max-height:700px){.inner-letter{top:22%;height:45%;padding:30px 20px 20px}.pull-person{height:33%}}
@media(prefers-reduced-motion:reduce){.stage-drape,.pull-person,.cord-rig{will-change:auto}}
/* More visible petals, with a modestly faster descent. */
@keyframes rose-descent{0%{transform:translate3d(0,-5vh,0);opacity:0}7%{opacity:.9}88%{opacity:.82}100%{transform:translate3d(12px,115vh,0);opacity:0}}