.luxe-intro{display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#fffdf8 0,#f4efe5 58%,#dfd4c1 100%);perspective:1400px}.luxe-intro:before{content:"";position:absolute;inset:0;opacity:.22;background-image:repeating-linear-gradient(8deg,transparent 0 7px,#a88d5b12 8px 9px),repeating-linear-gradient(98deg,transparent 0 11px,#fff9 12px 13px)}.intro-glow{position:absolute;width:min(820px,90vw);height:min(540px,72vw);border-radius:50%;background:#fff9;filter:blur(55px)}.luxe-envelope{position:relative;width:min(620px,82vw);aspect-ratio:1.55;transform-style:preserve-3d;filter:drop-shadow(0 30px 35px #6c57392b);transition:transform 1s cubic-bezier(.2,.75,.25,1)}.envelope-back{position:absolute;inset:0;background:linear-gradient(145deg,#f9f2e5,#e5d7bf);border:1px solid #cbb998;border-radius:4px}.invitation-peek{position:absolute;z-index:1;left:10%;right:10%;top:7%;height:86%;padding:45px 20px;text-align:center;background:#fffdf8;border:1px solid #d8c9ac;box-shadow:0 5px 20px #5b442218;display:flex;flex-direction:column;align-items:center;color:#6b573b;transition:transform 1.05s .35s cubic-bezier(.2,.8,.2,1)}.invitation-peek:before{content:"";position:absolute;inset:12px;border:1px solid #c3a66d55}.invitation-peek small{font-family:Georgia,serif;font-size:10px;letter-spacing:.24em}.invitation-peek b{font-family:"Great Vibes",cursive;font-size:45px;font-weight:400;line-height:.8;margin-top:19px}.invitation-peek i{font-family:"Great Vibes",cursive;font-size:19px}.invitation-peek span{margin-top:22px;font-size:13px;letter-spacing:.15em}.envelope-front{position:absolute;z-index:3;inset:0}.left-fold{clip-path:polygon(0 0,54% 57%,0 100%);background:linear-gradient(115deg,#f1e6d3,#e1d0b5)}.right-fold{clip-path:polygon(100% 0,46% 57%,100% 100%);background:linear-gradient(245deg,#f6eddf,#dfceb2)}.bottom-fold{clip-path:polygon(0 100%,50% 47%,100% 100%);background:linear-gradient(0deg,#e3d2b7,#f7edde)}.envelope-flap{position:absolute;z-index:4;inset:0;clip-path:polygon(0 0,100% 0,50% 62%);background:linear-gradient(165deg,#fffaf0,#ddcbae);transform-origin:top center;transition:transform .8s cubic-bezier(.4,0,.2,1),z-index 0s .35s;backface-visibility:hidden}.envelope-flap:after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,transparent 49.7%,#bba78455 50%,transparent 50.3%)}.gold-seal{position:absolute;z-index:6;left:50%;top:55%;translate:-50% -50%;width:105px;height:105px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 28%,#f5d998,#c39a4a 42%,#876125 72%);border:9px double #dfbb70;box-shadow:0 8px 18px #4f391f50,inset 0 0 15px #704b20;color:#6f4d20;font-family:"Great Vibes",cursive;text-shadow:0 1px #ffe8ae;transition:opacity .3s,transform .45s}.gold-seal small{font-size:33px}.gold-seal i{font-size:16px;margin:0 2px}.intro-instruction{position:absolute;bottom:7%;display:flex;flex-direction:column;align-items:center;color:#806b4c;letter-spacing:.24em}.intro-instruction span{font-size:14px}.intro-instruction b{font-family:Georgia,serif;font-size:10px;margin:8px}.intro-instruction small{font-family:"Great Vibes",cursive;font-size:20px;letter-spacing:.04em}.luxe-intro.opening .gold-seal{opacity:0;transform:scale(.72)}.luxe-intro.opening .envelope-flap{z-index:0;transform:rotateX(178deg)}.luxe-intro.opening .invitation-peek{transform:translateY(-48%)}.luxe-intro.opening .luxe-envelope{transform:translateY(8%)}.luxe-intro.opening .intro-instruction{opacity:0;transition:opacity .3s}.luxe-intro.open{transition:opacity .75s,visibility .75s;opacity:0;visibility:hidden}@media(max-width:650px){.luxe-envelope{width:88vw}.invitation-peek{padding-top:28px}.invitation-peek b{font-size:34px}.gold-seal{width:76px;height:76px;border-width:7px}.gold-seal small{font-size:25px}.intro-instruction{bottom:12%}}