.photo-envelope{position:relative;display:block;width:100%;aspect-ratio:1.55;perspective:1500px;isolation:isolate}.photo-envelope:before{content:"";position:absolute;inset:1px;border-radius:3px;box-shadow:0 26px 25px -19px #362a386b,0 5px 8px #362a3820}.envelope-body,.envelope-flap,.envelope-pocket,.envelope-seal{position:absolute;display:block}.envelope-body,.envelope-pocket{inset:0;overflow:hidden;border-radius:2px}.envelope-body{z-index:0}.envelope-pocket{z-index:3;clip-path:polygon(0 0,28% 46.5%,72% 46.5%,100% 0,100% 100%,0 100%)}.envelope-sprite{display:block;position:absolute;inset:0;background-repeat:no-repeat;pointer-events:none}.envelope-flap{z-index:4;inset:0 0 auto;height:88%;transform-origin:50% 0;transform-style:preserve-3d}.envelope-flap-back,.envelope-flap-front{display:block;position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.envelope-flap-front{filter:drop-shadow(0 2px 1px #392b313b)}.envelope-flap-front .envelope-sprite{clip-path:polygon(0 0,100% 0,99.4% 8%,98% 12%,51.8% 98.4%,50% 99.4%,48.2% 98.4%,2% 12%,.6% 8%)}.envelope-flap-back{transform:rotateX(180deg);clip-path:polygon(.4% 100%,2.3% 87%,4.5% 80%,46.4% 3%,48.5% .4%,51.5% .4%,53.6% 3%,95.5% 80%,97.7% 87%,99.6% 100%)}.envelope-seal{z-index:6;width:18%;aspect-ratio:1;left:41%;top:69%;filter:drop-shadow(1px 4px 3px #231c2638)}.envelope-seal .envelope-sprite{clip-path:ellipse(48% 49% at 50% 50%)}.photo-envelope[data-open=true] .envelope-flap{transform:rotateX(-180deg);z-index:1}.photo-envelope[data-open=true] .envelope-seal{opacity:0;visibility:hidden}.envelope-letter{position:absolute;z-index:2;inset:10% 7% 10%}.photo-envelope[data-open=true] .envelope-letter{z-index:5;transform:translateY(-18%) rotate(-1.5deg)}@media (prefers-reduced-motion:reduce){.photo-envelope,.photo-envelope *{transition:none!important}}