@keyframes slowDrift{0%{transform:translate(0)scaleY(1)}50%{transform:translate(-25%)scaleY(1.08)}to{transform:translate(0)scaleY(1)}}.animate-wave-slow{animation:slowDrift var(--drift-duration,40s) ease-in-out infinite}.buffer-blend{mix-blend-mode:normal}
.envelope-container{perspective:1500px;cursor:pointer;width:70vw;max-width:800px;padding-top:40vw;position:relative}.envelope-3d{aspect-ratio:3/2;width:100%;transform-style:preserve-3d;transition:transform .4s;position:relative}.envelope-container:hover .envelope-3d{transform:translateY(-15px) rotateX(15px)}.envelope-back{z-index:1;background-color:#1e293b;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0}.letter-content{z-index:2;will-change:transform;background-color:#fff;border-radius:8px;width:92%;height:88%;position:absolute;bottom:4%;left:4%;overflow-y:hidden;box-shadow:0 10px 25px -5px #0000004d}.envelope-front{z-index:3;pointer-events:none;clip-path:polygon(0% 0%,0% 100%,100% 100%,100% 0%,50% 50%);background-color:#334155;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0}.envelope-flap{z-index:4;transform-origin:top;will-change:transform;clip-path:polygon(0% 0%,100% 0%,50% 100%);background-color:#475569;width:100%;height:51%;position:absolute;top:0;left:0}