.vl-stage{isolation:isolate;position:relative;overflow:clip}.vl-letter{z-index:10;color:#3b0a1c;background:#fffaf3;margin-inline:5%;padding:1.5rem 1.5rem calc(30% + 1.25rem);font-size:.95rem;line-height:1.55;transition:transform .9s cubic-bezier(.25,.8,.3,1) 1.05s;position:relative;transform:translateY(100%)}[data-open=true] .vl-letter{transform:none}.vl-spacer{aspect-ratio:8/5;margin-top:-30%}.vl-envelope{inset-inline:0;aspect-ratio:8/5;position:absolute;bottom:0}.vl-back,.vl-fold-left,.vl-fold-right,.vl-fold-bottom{position:absolute;inset:0}.vl-back{background:#d99aa2}.vl-fold-left,.vl-fold-right,.vl-fold-bottom{z-index:20}.vl-fold-left{clip-path:polygon(0 0,50% 54%,0 100%);background:#f4cbd0}.vl-fold-right{clip-path:polygon(100% 0,50% 54%,100% 100%);background:#f1c3c9}.vl-fold-bottom{clip-path:polygon(0 100%,50% 46%,100% 100%);background:#f8d6da}.vl-flap{inset-inline:0;z-index:30;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;background:#eeb6bd;height:60%;transition:transform .55s cubic-bezier(.4,0,.4,1) .7s,z-index 0s linear .98s;position:absolute;top:0;transform:perspective(1200px)rotateX(0)}[data-open=true] .vl-flap{z-index:5;transform:perspective(1200px)rotateX(180deg)}.vl-seal{z-index:40;transition:opacity .25s .5s,transform .25s .5s;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 5px #00000021}[data-open=true] .vl-seal{opacity:0;transform:translate(-50%,-50%)scale(1.3)}.vl-stamp{outline-offset:-2px;background:#fff;outline:5px dotted #fffaf3;padding:5px}@media (prefers-reduced-motion:reduce){.vl-letter,.vl-flap,.vl-seal{transition:none}}