.mail-scene{overflow:clip;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.mail-call,.mail-dog,.mail-eye,.mail-flag,.mail-letter{transform-box:fill-box}.mail-dog{transform-origin:50% 100%}.mail-eye{transform-origin:50% 50%}.mail-flag{transform-origin:50% 85.7143%}.mail-letter{transform-origin:0 0}.mail-call{transform-origin:30% 100%}.mail-letter{opacity:0}@media (prefers-reduced-motion:no-preference){.mail-eye{animation:mail-blink 4.8s ease-in-out infinite}@keyframes mail-blink{0%,93%,to{scale:1 1}96%{scale:1 .1}}html.js [data-reveal].is-revealed .mail-letter{animation:mail-letter 1.3s linear .4s both}@keyframes mail-letter{0%{opacity:1;translate:360px -90px;rotate:-24deg}40%{opacity:1;translate:170px -130px;rotate:-8deg}78%{opacity:1;translate:10px -6px;rotate:6deg;scale:1}to{opacity:0;translate:-14px 6px;rotate:0deg;scale:.5}}html.js [data-reveal] .mail-flag{rotate:90deg}html.js [data-reveal].is-revealed .mail-flag{rotate:0deg;transition:rotate .55s cubic-bezier(.34,1.6,.6,1) 1.75s}html.js [data-reveal] .mail-dog{scale:0}html.js [data-reveal].is-revealed .mail-dog{scale:1;transition:scale .5s cubic-bezier(.34,1.7,.6,1) 2.1s}html.js [data-reveal] .mail-call{scale:0}html.js [data-reveal].is-revealed .mail-call{scale:1;transition:scale .5s cubic-bezier(.34,1.6,.6,1) 2.6s}.mail-ring{animation:mail-ring 1.2s ease-in-out infinite}@keyframes mail-ring{0%,to{opacity:1}50%{opacity:.15}}}