.opening-effect-vinyl_envelope{z-index:9999;cursor:pointer;background:radial-gradient(circle,#f9fbf9 0%,#e2ece7 100%);flex-direction:column;justify-content:center;align-items:center;transition:opacity 1s,visibility 1s;display:flex;position:fixed;inset:0;overflow:hidden}.opening-effect-vinyl_envelope.hidden,.opening-effect-vinyl_envelope.fade-out{opacity:0;visibility:hidden;pointer-events:none}.opening-effect-vinyl_envelope .ve-scene{perspective:1200px;justify-content:center;align-items:center;width:100%;max-width:450px;height:300px;display:flex;position:relative}.opening-effect-vinyl_envelope .ve-envelope{width:320px;height:220px;transform-style:preserve-3d;background:#e2dcd0;border-radius:8px;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 15px 40px #00000026}.opening-effect-vinyl_envelope .ve-flap{clip-path:polygon(0 0,50% 100%,100% 0);z-index:7;transform-origin:top;background:#e2dcd0;height:60%;transition:transform .8s ease-in-out;position:absolute;top:0;left:0;right:0}.opening-effect-vinyl_envelope.opening .ve-flap{z-index:3;background:#4a6b57;transform:rotateX(180deg)}.opening-effect-vinyl_envelope .ve-body{clip-path:polygon(0 0,0 100%,100% 100%,100% 0,50% 60%);z-index:6;background:#ece7dc;position:absolute;inset:0}.opening-effect-vinyl_envelope .ve-wax-seal{z-index:8;color:#c9a96e;background:#628671;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-family:Great Vibes,cursive;font-size:1.8rem;transition:opacity .4s;display:flex;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 15px #0000004d}.opening-effect-vinyl_envelope.opening .ve-wax-seal{opacity:0}.opening-effect-vinyl_envelope .ve-vinyl{z-index:1;background:#111 radial-gradient(circle,#0000 40%,#111 41%,#222 45%,#111 50%,#222 55%,#111 60%);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;transition:all 1.2s ease-in-out;display:flex;position:absolute;top:40px;left:90px;box-shadow:0 5px 20px #0006}.opening-effect-vinyl_envelope.opening .ve-vinyl{transform:translate(-90px,-50px)rotate(-45deg)}.opening-effect-vinyl_envelope .ve-vinyl-center{color:#fff;background:#4a6b57;border:2px solid #c9a96e;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.opening-effect-vinyl_envelope .ve-card-preview{z-index:4;text-align:center;background:#fff;border:1px solid #0000000d;border-radius:4px;height:150px;padding:20px;transition:transform 1.2s;position:absolute;bottom:10px;left:10px;right:10px}.opening-effect-vinyl_envelope.opening .ve-card-preview{transform:translateY(-80px)}.opening-effect-vinyl_envelope .ve-preview-names{color:#4a6b57;margin-bottom:10px;font-family:Great Vibes,cursive;font-size:1.8rem}.opening-effect-vinyl_envelope .ve-preview-date{letter-spacing:2px;color:#888;font-size:.9rem}.opening-effect-vinyl_envelope .ve-hint{letter-spacing:2px;text-transform:uppercase;color:#4a6b57;margin-top:50px;font-size:.9rem;animation:2s infinite vePulseHint}@keyframes vePulseHint{0%,to{opacity:.6}50%{opacity:1}}@media (width<=576px){.opening-effect-vinyl_envelope .ve-scene{max-width:90%}}