.fd-envelope-stage{--envelope-paper: color-mix(in oklab, var(--background, #faf6ef) 92%, white);--envelope-gold: color-mix(in oklab, var(--primary, #8f7145) 55%, #caaa72);--envelope-ink: var(--foreground, #3f372f);position:fixed;inset:0;z-index:150;display:flex;min-height:100svh;flex-direction:column;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:max(30px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));background:radial-gradient(circle at 15% 12%,color-mix(in oklab,var(--blush, #b3966a) 12%,transparent),transparent 26%),radial-gradient(circle at 85% 88%,color-mix(in oklab,var(--primary, #8f7145) 10%,transparent),transparent 30%),var(--envelope-paper);color:var(--envelope-ink);text-align:center;transition:opacity .32s ease .62s;isolation:isolate}.fd-envelope-stage--preview{position:absolute;min-height:100%;border-radius:inherit;padding:24px 18px}.fd-envelope-border{position:absolute;inset:14px;border:1px solid color-mix(in oklab,var(--envelope-gold) 55%,transparent);pointer-events:none}.fd-envelope-border:before,.fd-envelope-border:after{position:absolute;width:76px;height:76px;border-color:color-mix(in oklab,var(--envelope-gold) 65%,transparent);content:""}.fd-envelope-border:before{top:8px;left:8px;border-top:1px solid;border-left:1px solid;border-radius:48px 0 0}.fd-envelope-border:after{right:8px;bottom:8px;border-right:1px solid;border-bottom:1px solid;border-radius:0 0 48px}.fd-envelope-heading{position:relative;z-index:2;width:min(100%,520px);margin-bottom:clamp(28px,6vh,46px)}.fd-envelope-heading p,.fd-envelope-foot{margin:0;font-family:var(--font-serif, Georgia, serif);font-size:clamp(15px,4vw,19px);font-style:italic;color:color-mix(in oklab,var(--envelope-ink) 70%,transparent)}.fd-envelope-heading h2{margin:12px 0 14px;font-family:var(--font-script, Georgia, serif);font-size:clamp(42px,12vw,68px);font-weight:400;line-height:1;color:var(--primary, #8f7145);text-wrap:balance}.fd-envelope-heading>span{display:block;font-family:var(--font-sans, system-ui, sans-serif);font-size:10px;letter-spacing:.27em;text-transform:uppercase;color:color-mix(in oklab,var(--envelope-ink) 72%,transparent)}.fd-envelope-shell{position:relative;z-index:2;width:min(82vw,320px);height:min(55vw,215px);max-height:215px;min-height:178px;perspective:1000px;filter:drop-shadow(0 18px 20px rgb(73 53 30 / 18%));isolation:isolate}.fd-envelope-back,.fd-envelope-front,.fd-envelope-flap{position:absolute;inset:0;border-radius:4px}.fd-envelope-back{z-index:1;border:1px solid color-mix(in oklab,var(--envelope-gold) 74%,#7b6140);background:color-mix(in oklab,var(--envelope-gold) 58%,#e9ddc9)}.fd-envelope-letter{position:absolute;top:10%;left:8%;z-index:2;display:flex;width:84%;height:83%;flex-direction:column;align-items:center;justify-content:center;gap:13px;border:1px solid color-mix(in oklab,var(--envelope-gold) 36%,white);background:color-mix(in oklab,var(--background, #fffaf1) 52%,white);transition:transform .7s ease .18s}.fd-envelope-monogram{display:grid;width:72px;height:72px;place-items:center;border:1px solid color-mix(in oklab,var(--envelope-gold) 70%,transparent);border-radius:50%;font-family:var(--font-display, Georgia, serif);font-size:21px;letter-spacing:.08em;color:var(--primary, #8f7145)}.fd-envelope-letter-copy{font-family:var(--font-serif, Georgia, serif);font-size:15px;font-style:italic;color:color-mix(in oklab,var(--envelope-ink) 72%,transparent)}.fd-envelope-front{z-index:4;background:linear-gradient(145deg,color-mix(in oklab,var(--envelope-gold) 34%,#f4ead9),color-mix(in oklab,var(--envelope-gold) 64%,#e0ceb0));clip-path:polygon(0 0,50% 56%,100% 0,100% 100%,0 100%)}.fd-envelope-front:after{position:absolute;inset:0;background:linear-gradient(35deg,transparent 49.6%,rgb(123 97 64 / 18%) 50%,transparent 50.4%),linear-gradient(-35deg,transparent 49.6%,rgb(123 97 64 / 18%) 50%,transparent 50.4%);content:""}.fd-envelope-flap{z-index:5;background:linear-gradient(color-mix(in oklab,var(--envelope-gold) 40%,#f1e5d1),color-mix(in oklab,var(--envelope-gold) 70%,#d5bf9b));clip-path:polygon(0 0,100% 0,50% 59%);transform-origin:top;backface-visibility:hidden;transition:transform .65s ease,z-index 0s .33s}.fd-envelope-seal{position:absolute;top:44%;left:50%;z-index:6;display:grid;width:64px;height:64px;place-items:center;transform:translate(-50%,-50%);border:4px double color-mix(in oklab,var(--envelope-gold) 76%,#84663f);border-radius:50%;background:radial-gradient(circle at 35% 25%,#eee0bd,var(--envelope-gold));box-shadow:0 3px 8px #49351e33;font-family:var(--font-serif, Georgia, serif);font-size:18px;letter-spacing:.05em;color:#685032;transition:opacity .22s ease}.fd-envelope-open{position:relative;z-index:3;margin-top:34px;border:1px solid color-mix(in oklab,var(--envelope-gold) 75%,#6f5c42);border-radius:999px;background:color-mix(in oklab,var(--envelope-paper) 76%,transparent);padding:14px 26px;font-family:var(--font-sans, system-ui, sans-serif);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--envelope-ink);cursor:pointer;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.fd-envelope-open:hover{transform:translateY(-2px);background:var(--envelope-paper);box-shadow:0 10px 24px #49351e1f}.fd-envelope-open:focus-visible{outline:3px solid color-mix(in oklab,var(--primary, #8f7145) 45%,white);outline-offset:4px}.fd-envelope-open:disabled{cursor:wait}.fd-envelope-foot{position:relative;z-index:2;max-width:28ch;margin-top:18px;font-size:15px}.fd-envelope-stage.is-opening{pointer-events:none;opacity:0}.fd-envelope-stage.is-opening .fd-envelope-flap{z-index:1;transform:rotateX(180deg)}.fd-envelope-stage.is-opening .fd-envelope-seal{opacity:0}.fd-envelope-stage.is-opening .fd-envelope-letter{transform:translateY(-76px)}.fd-envelope-stage--preview .fd-envelope-heading{margin-bottom:24px}.fd-envelope-stage--preview .fd-envelope-heading p,.fd-envelope-stage--preview .fd-envelope-foot{display:none}.fd-envelope-stage--preview .fd-envelope-heading h2{font-size:clamp(34px,9vw,52px)}.fd-envelope-stage--preview .fd-envelope-shell{width:min(78%,250px);height:168px;min-height:150px}.fd-envelope-stage--preview .fd-envelope-open{margin-top:26px;padding:11px 18px;font-size:9px}@media(prefers-reduced-motion:reduce){.fd-envelope-stage,.fd-envelope-flap,.fd-envelope-letter,.fd-envelope-open{scroll-behavior:auto;transition-duration:.01ms!important}}@media(max-height:620px){.fd-envelope-stage--page{justify-content:flex-start;padding-top:28px}.fd-envelope-heading{margin-bottom:18px}.fd-envelope-heading p,.fd-envelope-foot{display:none}.fd-envelope-heading h2{margin-block:4px 10px;font-size:clamp(36px,10vw,52px)}.fd-envelope-shell{width:min(70vw,245px);height:164px;min-height:150px}.fd-envelope-open{margin-top:20px;padding-block:11px}}