.resume-wrap{--envelope-height:320px;--envelope-flap:32px;--envelope-width:280px;--paper-width:256px;--paper-height:var(--envelope-height);--bg-envelope-front:#d1d7e0;--bg-envelope-back:#9da4af;height:400px;width:var(--envelope-width);display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resume-wrap:hover .paper{transform:translateY(-16px)}.envelope-front{height:var(--envelope-height);background:var(--bg-envelope-front);position:absolute;inset:auto 0 0;overflow:hidden;box-shadow:0 -4px 8px -8px #00000040}.cta-label{text-transform:uppercase;letter-spacing:1px;text-align:center;color:#00000080;width:100%;font-size:12px;font-weight:500;position:absolute;bottom:24px}.envelope-back{inset:auto 0 var(--envelope-height);background:var(--bg-envelope-back);height:var(--envelope-flap);transform-origin:bottom;border-top-left-radius:8px;border-top-right-radius:8px;position:absolute;transform:perspective(200px)rotateX(20deg)}.paper{height:var(--paper-height);width:var(--paper-width);transition:all .6s var(--ease-out-expo);animation:paper-reveal 1s var(--ease-in-out-quart) backwards;background:#fff;border-radius:1px;padding:12px;animation-delay:1.6s;position:absolute;inset:auto 12px 48px;box-shadow:2px 2px 4px #0000001a,0 0 0 1px #0000000d}.paper-heading{font-family:var(--font-heading);color:#114da8;font-size:14px;line-height:1.25}.paper-subheading{color:#000;margin-bottom:5px;font-size:10px;line-height:1.25}@keyframes paper-reveal{0%{transform:translateY(40px)}to{transform:translateY(0)}}