@import"https://fonts.googleapis.com/css2?family=Caveat:wght@600&display=swap";@keyframes flapFade{0%{opacity:1;transform:translateY(0)}60%{opacity:.6;transform:translateY(-20px)}to{opacity:0;transform:translateY(-60px)}}@keyframes flapFlipMobile{0%{transform:rotateX(30deg);opacity:1}70%{transform:rotateX(75deg);opacity:.9}to{transform:rotateX(92deg);opacity:0}}@keyframes letterReveal{to{opacity:1;transform:translateY(0)}}@keyframes letterRevealMobile{to{opacity:1;transform:translateY(0)}}@keyframes pop{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.85}}.ceo-envelope .envelope{position:relative;width:100%;background:#f9e6e8;border-radius:12px;overflow:hidden;perspective:1000px}.ceo-envelope .envelope .flap{position:absolute;top:0;left:0;width:100%;height:60%;background:#fd8ab8;clip-path:polygon(0 0,50% 100%,100% 0);z-index:3;display:block!important;opacity:1;transform:translateY(0)}.ceo-envelope .envelope .letter{position:relative;margin:40px;background:#fffdf9 url(https://www.transparenttextures.com/patterns/paper-fibers.png);border-radius:16px;padding:2.5rem;text-align:center;display:flex;flex-direction:column;z-index:1;opacity:0;transform:translateY(40px);height:auto}.ceo-envelope .letter h2{font-family:Caveat,cursive;font-size:2.6rem;color:#911113;margin-top:.5rem;margin-bottom:1.5rem}.ceo-envelope .letter .ceo-body{font-family:Caveat,cursive;font-size:2.2rem;line-height:1.9;color:#333;max-width:90%;margin:0 auto}.ceo-envelope .letter .ceo-body strong{background:#f9e6e8;color:#911113;padding:0 6px;border-radius:6px;white-space:nowrap}.ceo-envelope .letter .ceo-signoff{margin-top:1.8rem;font-family:Caveat,cursive;font-size:1.8rem;color:#111;text-align:right}.ceo-envelope .letter .ceo-signoff strong{display:inline-block;margin-left:8px;font-size:1.8rem;animation:pop 1.6s infinite ease-in-out}.ceo-envelope .envelope.animate .flap{animation:flapFade 1.2s ease forwards}.ceo-envelope .envelope.animate .letter{animation:letterReveal 1s ease forwards .6s}@media (max-width: 600px){.ceo-envelope .envelope{width:90vw}.ceo-envelope .envelope.animate .flap{animation:flapFlipMobile .5s ease forwards;backface-visibility:hidden;transform-origin:top center}.ceo-envelope .envelope.animate .letter{animation:letterRevealMobile .9s ease forwards .5s}.ceo-envelope .letter h2{font-size:clamp(1.8rem,7vw,2.4rem)}.ceo-envelope .letter{margin:20px!important}.ceo-envelope .letter .ceo-body{font-size:clamp(1.5rem,5vw,1.6rem);line-height:1.75}.ceo-envelope .letter .ceo-signoff{font-size:clamp(1.4rem,5.5vw,1.6rem)}.ceo-envelope .letter .ceo-signoff strong{font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/letter-ceo.css.map */