.envelope-stage{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 15px 20px;perspective:1200px}.opening-envelope{position:relative;width:min(310px,95%);height:190px;padding:0;border:0;border-radius:6px;background:var(--envelope-paper);box-shadow:0 15px 40px #58374630;isolation:isolate;cursor:pointer;overflow:visible;transform:translateZ(0)}.opening-letter{position:absolute;inset:14px 15px;background:#fffaf3;color:var(--envelope-ink);display:grid;place-content:center;font:26px Georgia;z-index:1;transition:transform .65s .65s}.opening-flap{position:absolute;inset:0;background:var(--envelope-paper);filter:brightness(.95);clip-path:polygon(0 0,100% 0,50% 60%);transform-origin:top;backface-visibility:hidden;z-index:4;transition:transform .6s ease}.opening-pocket{position:absolute;inset:0;background:var(--envelope-paper);clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%);z-index:3;border-radius:6px;box-shadow:inset 0 -2px 0 #0001}.opening-seal{position:absolute;width:48px;height:48px;left:calc(50% - 24px);top:84px;border-radius:50%;background:var(--envelope-ink);color:var(--envelope-paper);border:3px double currentColor;display:grid;place-content:center;font:25px Georgia;z-index:5;transition:opacity .2s}.opening-hint{font:13px 'DM Sans',Arial!important;color:#876174;margin-top:28px!important}.is-opening .opening-flap{transform:rotateX(-180deg)}.is-opening .opening-letter{transform:translateY(-75px)}.is-opening .opening-seal{opacity:0}.invitation-arrived{animation:invitationReveal .55s ease both}@keyframes invitationReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.opening-letter,.opening-flap,.opening-seal{transition:none}.invitation-arrived{animation:none}}