.envelope-scene{--env-w:18rem;--env-h:12rem;--env-flap-h:6rem;--env-z-back:-.7rem;--env-z-shadow:-.75rem;--env-z-flap-open:-.55rem;--env-z-card-inside:-.35rem;--env-z-card-open:.05rem;--env-z-card-front:.55rem;--env-z-sheen:-.05rem;--env-z-sides:.08rem;--env-z-bottom:.1rem;--env-z-flap-closed:.32rem;--env-z-seal:.48rem;--paper-face:#f6f2e9;--paper-mid:#ebe4d5;--paper-shadow:#d5cbb8;--paper-card:#fffcf7;--seal-light:#ecdcb8;--seal-mid:#cba869;--seal-dark:#a37f49;width:var(--env-w);height:calc(var(--env-h) + 2rem);-webkit-user-select:none;user-select:none;touch-action:none;justify-content:center;align-items:center;display:flex;overflow:visible}.envelope-scene--idle{cursor:pointer}.envelope-perspective{perspective:1400px;perspective-origin:50% 38%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.envelope-3d{width:var(--env-w);height:var(--env-h);transform-style:preserve-3d;will-change:transform;cursor:grab;position:relative;overflow:visible}.envelope-3d:active{cursor:grabbing}.envelope-texture{opacity:.26;pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");background-size:160px 160px;border-radius:3px;position:absolute;inset:0}.envelope-back{transform:translateZ(var(--env-z-back));background:linear-gradient(160deg, #e8e2d6 0%, var(--paper-mid) 45%, #c9bfb0 100%);border:1px solid #a0825a38;border-radius:3px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffffb3,inset 0 -3px 8px #2b29261a}.envelope-side{pointer-events:none;border-radius:3px;position:absolute;inset:0}.envelope-side--bottom{transform:translateZ(var(--env-z-bottom));clip-path:polygon(0 100%,100% 100%,50% 50%);background:linear-gradient(0deg, #ddd3c4 0%, var(--paper-mid) 50%, var(--paper-face) 100%);filter:drop-shadow(0 1px 2px #2b29260f)}.envelope-side--left{transform:translateZ(var(--env-z-sides));clip-path:polygon(0 0,0 100%,50% 50%);background:linear-gradient(108deg, #c5baa8 0%, var(--paper-mid) 52%, var(--paper-face) 100%);filter:drop-shadow(1px 0 2px #2b29260d)}.envelope-side--right{transform:translateZ(var(--env-z-sides));clip-path:polygon(100% 0,100% 100%,50% 50%);background:linear-gradient(252deg, #c5baa8 0%, var(--paper-mid) 52%, var(--paper-face) 100%);filter:drop-shadow(-1px 0 2px #2b29260d)}.envelope-sheen{transform:translateZ(var(--env-z-sheen));pointer-events:none;mix-blend-mode:soft-light;opacity:.45;background:linear-gradient(130deg,#ffffff73 0%,#0000 35% 65%,#fff3 100%);border-radius:3px;position:absolute;inset:0}.envelope-card{width:calc(var(--env-w) * .86);height:calc(var(--env-h) * .78);margin-left:calc(var(--env-w) * -.43);margin-top:calc(var(--env-h) * -.39);backface-visibility:hidden;background:linear-gradient(#fffefb 0%,#faf7f2 100%);border:1px solid #2b29260f;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:1rem;display:flex;position:absolute;top:58%;left:50%;box-shadow:0 1px 8px #2b29260f,inset 0 1px #ffffffe6}.envelope-card-line{background:#9caf8880;width:2.75rem;height:1px}.envelope-card-mask{transform-style:preserve-3d;pointer-events:none;position:absolute;left:0;right:0;overflow:visible}.envelope-flap-wrap{width:100%;height:var(--env-flap-h);transform-style:preserve-3d;transform-origin:top;filter:drop-shadow(0 5px 12px #2b29261a);position:absolute;top:0;left:0}.envelope-flap-wrap.is-open{filter:drop-shadow(0 8px 16px #2b29261f)}.envelope-flap{width:100%;height:100%;transform-style:preserve-3d;position:relative;overflow:hidden}.envelope-flap-face{clip-path:polygon(0 0,100% 0,50% 100%);backface-visibility:hidden;position:absolute;inset:0}.envelope-flap-face--front{background:linear-gradient(168deg, #faf7f0 0%, var(--paper-face) 35%, var(--paper-mid) 70%, #d5cbb8 100%);box-shadow:inset 0 1px #fffc,inset 0 -2px 4px #2b292612}.envelope-flap-face--back{background:linear-gradient(185deg, #ddd5c8 0%, var(--paper-mid) 55%, var(--paper-shadow) 100%);transform:rotateX(180deg)}.envelope-flap-edge{background:#2b29261a;width:80%;height:1px;position:absolute;bottom:0;left:10%}.envelope-seal-mount{width:2.65rem;height:2.65rem;transform-style:preserve-3d;pointer-events:none;margin-bottom:-1.325rem;margin-left:-1.325rem;position:absolute;bottom:0;left:50%}.envelope-seal{background:radial-gradient(circle at 28% 22%, var(--seal-light), var(--seal-mid) 52%, var(--seal-dark) 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;box-shadow:inset 0 1px 4px #fff9,inset 0 -4px 8px #00000029,0 6px 18px #2b292647,0 2px 4px #2b29261f}.envelope-seal:before{content:"";opacity:.75;background:conic-gradient(#0000 0deg,#fff6 40deg,#0000 80deg 220deg,#ffffff38 260deg,#0000 300deg);border-radius:50%;position:absolute;inset:-.15rem}.envelope-seal:after{content:"";pointer-events:none;border:1px solid #ffffff52;border-radius:50%;position:absolute;inset:.45rem}.envelope-ground-shadow{width:84%;height:1rem;transform:translateZ(var(--env-z-shadow));pointer-events:none;filter:blur(4px);background:radial-gradient(#2b292638 0%,#2b292614 42%,#0000 72%);border-radius:50%;margin-left:-42%;position:absolute;bottom:-1.35rem;left:50%}
html main{filter:blur();transition:filter .56s cubic-bezier(.22,1,.36,1)}html.lightbox-active main{filter:blur(18px)}html.lightbox-active{overflow:hidden}.lightbox-root{z-index:200;flex-direction:column;display:flex;position:fixed;inset:0}.lightbox-backdrop{z-index:0;cursor:pointer;opacity:0;background-color:#f6f2e900;border:0;margin:0;padding:0;transition:opacity .56s cubic-bezier(.22,1,.36,1),background-color .56s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.lightbox-backdrop--visible{opacity:1;background-color:#f6f2e96b}.lightbox-content{z-index:1;pointer-events:none;opacity:0;flex-direction:column;flex:1;min-height:0;transition:opacity .32s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.lightbox-content--visible{opacity:1}.lightbox-content>*{pointer-events:auto}.lightbox-stage{touch-action:pan-y pinch-zoom;flex:1;align-items:center;min-height:0;padding:.5rem 0 1.5rem;display:flex;position:relative;overflow:hidden}.lightbox-track{will-change:transform;align-items:center;height:100%;display:flex}.lightbox-track--animating{transition:transform .28s cubic-bezier(.22,1,.36,1)}.lightbox-slide{flex:none;justify-content:center;align-items:center;height:100%;padding:0 .75rem;display:flex}.lightbox-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:min(100svh - 7rem,100%)}.lightbox-root--open .lightbox-backdrop,.lightbox-root--open .lightbox-content,.lightbox-root--open .lightbox-nav{opacity:1}.lightbox-nav{z-index:2;color:#2b2926;opacity:0;background:#ffffffd1;border-radius:9999px;padding:.5rem;transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;box-shadow:0 2px 8px #2b29261a}.lightbox-nav--prev{left:.5rem;transform:translateY(-50%)translate(-6px)}.lightbox-nav--next{right:.5rem;transform:translateY(-50%)translate(6px)}.lightbox-nav--visible.lightbox-nav--prev,.lightbox-nav--visible.lightbox-nav--next{opacity:1;transform:translateY(-50%)translate(0)}.lightbox-nav:active{scale:.9}@media (prefers-reduced-motion:reduce){html main{transition-duration:.01ms!important}html.lightbox-active main{filter:blur(10px)}.lightbox-backdrop,.lightbox-content,.lightbox-nav,.lightbox-track--animating{transition-duration:.01ms!important}}