.envelope-intro{background:#faf1df}
.envelope-stage{max-width:520px;box-shadow:0 0 50px #a98d6520}
.envelope-flap,.envelope-pocket,.envelope-wing{background-image:url('/assets/invitation/garden-relief.svg'),url('/assets/masquerade/final/textures/paper-reference-640.webp');background-size:100% 100%,cover;background-color:#f5efe4}
.envelope-flap{filter:drop-shadow(0 2px 2px #77614770)}
.wax-seal{width:126px;height:126px;border:0;border-radius:50%;background:transparent url('/assets/masquerade/final/invitation/wax-seal-reference-256.webp') center/contain no-repeat;box-shadow:none;color:#e5ca8e;top:51%;filter:drop-shadow(0 5px 5px #57382445)}
.wax-seal::before,.wax-seal::after{display:none}
.seal-monogram{font-size:42px;text-shadow:0 -1px #5f1818,0 1px #f8dfa977;padding:0 0 2px;letter-spacing:-.14em;transform:rotate(7deg)}
.intro-label{bottom:25%;font-size:22px;color:#9b855f}
.intro-label span{font-size:10px;letter-spacing:.13em}
.intro-skip{font-size:12px;background:#faf5edaa;color:#786a56}
.envelope-back{background:radial-gradient(ellipse,#fffcef,#f1ddb1 70%,#e4cea4)}
@media(min-width:1024px){.envelope-intro{background:#faf1df}.envelope-stage{max-width:520px}}
@media(max-height:660px){.intro-label{bottom:18%}.wax-seal{width:100px;height:100px}}

.envelope-intro.is-opening .envelope-flap,.envelope-intro.is-opening .envelope-pocket,.envelope-intro.is-opening .envelope-wing-left,.envelope-intro.is-opening .envelope-wing-right{animation-duration:4.1s}
.envelope-intro.is-opening .wax-seal{animation-duration:4s}
.envelope-intro.is-opening .envelope-light{animation-duration:4.6s}
.envelope-intro.is-opening{animation-delay:4.2s}