.reveal{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out;transform:translateY(24px)}.reveal-in{opacity:1;transform:none}.page-fade{animation:1s ease-out both fadein}@keyframes fadein{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.page-fade{animation:none}}
.envelope-gate{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:80vh;display:flex}.letter-image{cursor:pointer;transform-origin:50%;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:200px;height:150px;padding:0;display:block;position:relative;transform:scale(1.4)}.letter-image:focus-visible{outline:3px solid var(--color-teal);outline-offset:12px;border-radius:8px}.letter-image.opening{animation:none}@keyframes bob{0%,to{transform:translateY(0)rotate(-1.5deg)}50%{transform:translateY(-8px)rotate(1.5deg)}}@keyframes breathe{0%,to{width:100%}50%{width:90%}}.animated-mail{transition:transform .5s;animation:1.75s ease-in-out infinite bob;position:absolute;inset:0}.animated-mail .body{z-index:2;border-top:0 solid #0000;border-bottom:100px solid #ffc94a;border-left:200px solid #0000;border-right:0 solid #0000;width:0;height:0;position:absolute;bottom:0}.animated-mail .left-fold{z-index:2;border:50px solid #0000;border-left:100px solid #f5b52c;border-right-width:0;width:0;height:0;position:absolute;bottom:0}.animated-mail .top-fold{transform-origin:50% 0;z-index:2;border:100px solid #0000;border-top:50px solid #f2553d;border-bottom-width:0;width:0;height:0;transition:transform .4s .4s,z-index .2s .4s;position:absolute;top:50px}.animated-mail .back-fold{box-sizing:border-box;z-index:0;background:#1f7a7a;border:2px solid #1b2a41;width:200px;height:100px;position:absolute;bottom:0;box-shadow:6px 6px #1b2a41}.animated-mail .seal{z-index:3;background:#c93a25;border:2px solid #1b2a41;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-14px;transition:opacity .2s;display:flex;position:absolute;top:88px;left:50%}.animated-mail .note{z-index:1;box-sizing:border-box;background:#fffdf7;border:2px solid #1b2a41;flex-direction:column;justify-content:center;align-items:center;width:160px;height:60px;transition:all .4s .2s;display:flex;position:absolute;bottom:0;left:20px;overflow:hidden}.letter-image.opening .animated-mail{transform:translateY(50px)}.letter-image.opening .animated-mail .top-fold{z-index:0;transform:rotateX(180deg)}.letter-image.opening .animated-mail .seal{opacity:0}.letter-image.opening .animated-mail .note{height:130px}.letter-image.opening .shadow{width:0}.shadow{background:radial-gradient(#1b2a4159,#1b2a4100,#1b2a4100);border-radius:100%;width:200px;height:24px;transition:all .2s;animation:1.75s ease-in-out infinite breathe;position:absolute;top:170px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.letter-image,.animated-mail,.shadow,.envelope-hint{animation:none}}