.envelope-shadow{pointer-events:none;z-index:0;width:300px;height:200px;margin-left:auto;margin-right:auto;position:absolute;top:0}.envelope-shadow:after{content:"";filter:blur(4px);background:#0003;border-radius:50%;width:342px;height:25px;animation:3s ease-in-out infinite shadowScale;position:absolute;top:250px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #0003}.envelope-flip-outer{perspective:1200px;z-index:10;width:300px;height:200px;animation:3s ease-in-out infinite float;position:absolute;top:0;left:50%;transform:translate(-50%)}.envelope-flip-inner{width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;background:linear-gradient(to bottom right,#f0ede8 50%,#0000 50%) 0 0/50% 50% no-repeat,linear-gradient(to bottom left,#f0ede8 50%,#0000 50%) 100% 0/50% 50% no-repeat,#f5f2ef;transition:transform .8s cubic-bezier(.25,.46,.45,.94);position:relative}.envelope-flip-outer.flipped .envelope-flip-inner{transform:rotateY(180deg)}.envelope-face{backface-visibility:hidden;width:100%;height:100%;position:absolute}.card-front{background-color:#f5f2ef;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;transition:opacity .18s ease-out;display:flex;overflow:hidden;box-shadow:0 4px 20px #0003}.card-flower{pointer-events:none;position:absolute}.card-flower-tl{width:180px;height:150px;top:-23px;left:-18px}.card-flower-br{width:180px;height:160px;bottom:-28px;right:-19px}.card-logo-wrap{z-index:1;width:130px;height:130px;margin-bottom:-18px;position:relative}.card-text-block{text-align:center;z-index:1;flex-direction:column;align-items:center;gap:4px;padding:0 12px;display:flex}.card-names{font-family:var(--font-montserrat),sans-serif;color:#7b1d1d;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-size:7.5px;font-weight:700}.card-date{font-family:var(--font-montserrat),sans-serif;color:#7b1d1d;letter-spacing:.08em;text-transform:uppercase;font-size:6.5px;font-weight:600}.card-divider{background-color:#b8a688;width:55px;height:1px;margin:5px auto}.card-invite{font-family:var(--font-montserrat),sans-serif;color:#b8a688;letter-spacing:.12em;text-transform:uppercase;font-size:5.5px;font-weight:400}.card-back{background-color:#f5f2ef;transform:rotateY(180deg)}.card-back .envelope-container{z-index:auto;backface-visibility:hidden;background-color:#f5f2ef;margin:0;transition:none;animation:none;transform:none;position:relative!important;top:auto!important;left:auto!important}.back-flap{border-top-color:#f5f2ef!important}.back-pocket{border-bottom-color:#f5f2ef!important;border-left-color:#f0ede8!important;border-right-color:#f0ede8!important}.envelope-container{cursor:pointer;z-index:10;background-color:#c5bcab;border-bottom-right-radius:6px;border-bottom-left-radius:6px;width:300px;height:200px;margin-left:auto;margin-right:auto;transition:transform .3s cubic-bezier(.25,.46,.45,.94);animation:3s ease-in-out infinite float;position:absolute;top:0;left:47.5%;transform:translate(-50%);box-shadow:0 4px 20px #0003}@media (min-width:768px){.envelope-container{left:50%}}.front{z-index:3;width:0;height:0;position:absolute}.flap{transform-origin:top;border:150px solid #0000;border-top:108px solid #c5bcab;border-bottom-width:92px}.open .flap{z-index:1;transition:transform 1.2s cubic-bezier(.25,.46,.45,.94),z-index 1.2s;transform:rotateX(180deg)}.close .flap{z-index:5;transition:transform .8s cubic-bezier(.25,.46,.45,.94) .8s,z-index .8s;transform:rotateX(0)}.pocket{border:150px solid #dad3c8;border-top:100px solid #0000;border-bottom:100px solid #e8e3d8;border-bottom-right-radius:6px;border-bottom-left-radius:6px}.wax-seal{z-index:10;background-position:50%;background-repeat:no-repeat;background-size:contain;width:32px;height:32px;position:absolute;top:87px;left:50%;transform:translate(-50%)}.letter{background-color:#fff;border-radius:6px;width:90%;height:90%;margin-left:auto;margin-right:auto;transition:box-shadow .3s;position:relative;top:5%;overflow:hidden;box-shadow:0 2px 26px #0000001f}.letter:after{content:"";pointer-events:none;background-image:linear-gradient(#fff0 25%,#ffe3ef33 75%,#d7e3ef4d 100%);position:absolute;inset:0}.open .letter{z-index:2;transition:transform 1s cubic-bezier(.25,.46,.45,.94) .5s,z-index .5s;transform:translateY(-95px);box-shadow:0 4px 30px #0003}.close .letter{z-index:1;transition:transform .6s cubic-bezier(.25,.46,.45,.94) .2s,z-index .2s;transform:translateY(0)}.words{background-color:#eeeff0;width:80%;height:14%;position:absolute;left:10%}.words.line1{width:20%;height:7%;top:15%}.words.line2{top:30%}.words.line3{top:50%}.words.line4{top:70%}.hearts{z-index:2;position:absolute;top:110px;left:0;right:0}.heart{position:absolute;bottom:0;right:10%}.heart:before,.heart:after{content:"";transform-origin:0 100%;background-color:#d00000;border-radius:32.1px 32.1px 0 0;width:32.1px;height:51.3px;position:absolute;top:0;left:32.1px;transform:rotate(-45deg)}.heart:after{transform-origin:100% 100%;left:0;transform:rotate(45deg)}.close .heart{opacity:0;animation:none;transform:scale(0)}.heart.a1{opacity:1;left:20%;transform:scale(.6)}.open .heart.a1{animation-name:heartFloat,sideSway,heartScale;animation-duration:4s,2s,.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94),ease-in-out,cubic-bezier(.68,-.55,.265,1.55);animation-iteration-count:1,4,1;animation-direction:normal,alternate,normal;animation-play-state:running,running,running;animation-delay:1.2s;animation-fill-mode:forwards,forwards,forwards;animation-timeline:auto,auto,auto}.heart.a2{opacity:1;left:55%;transform:scale(1)}.open .heart.a2{animation-name:heartFloat,sideSway,heartScale;animation-duration:5s,4s,.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94),ease-in-out,cubic-bezier(.68,-.55,.265,1.55);animation-iteration-count:1,2,1;animation-direction:normal,alternate,normal;animation-play-state:running,running,running;animation-delay:1.4s;animation-fill-mode:forwards,forwards,forwards;animation-timeline:auto,auto,auto}.heart.a3{opacity:1;left:10%;transform:scale(.8)}.open .heart.a3{animation-name:heartFloat,sideSway,heartScale;animation-duration:7s,2s,.5s;animation-timing-function:cubic-bezier(.25,.46,.45,.94),ease-in-out,cubic-bezier(.68,-.55,.265,1.55);animation-iteration-count:1,6,1;animation-direction:normal,alternate,normal;animation-play-state:running,running,running;animation-delay:1.6s;animation-fill-mode:forwards,forwards,forwards;animation-timeline:auto,auto,auto}@keyframes float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-20px)}}@keyframes shadowScale{0%,to{transform:translate(-50%)scaleX(1)}50%{transform:translate(-50%)scaleX(.85)}}@keyframes heartFloat{0%{opacity:1;top:0}50%{opacity:.8}80%{opacity:.3}to{opacity:0;visibility:hidden;top:-600px}}@keyframes sideSway{0%{margin-left:0}50%{margin-left:25px}to{margin-left:50px}}@keyframes heartScale{0%{opacity:0;transform:scale(0)}50%{opacity:.8;transform:scale(1.2)}to{transform:scale(var(--heart-scale,1));opacity:1}}