.env-stage{--env-exit-delay: 7.3s;--env-paper-lit: #F6F0E4;--env-paper: #EDE4D4;--env-paper-dim: #DCD1BD;--env-liner-dim: #A2957F;--env-liner: #C0B49D;--env-liner-lit: #D2C7B2;--env-ink: #2C3A40;--env-ink-soft: #5A676C;--env-return: #8D9A9C;--env-mark: 100, 131, 153;position:absolute;inset:0;perspective:150cqw;perspective-origin:50% 62%;pointer-events:none}.env-lift{position:absolute;inset:0;transform-style:preserve-3d;transform:translateY(45cqw)}.env-body{position:absolute;left:calc(var(--env-x, 19) * 1cqw);top:calc((var(--env-base, 114) - var(--env-w, 62) * .7258) * 1cqw);width:calc(var(--env-w, 62) * 1cqw);height:calc(var(--env-w, 62) * .7258cqw);transform-style:preserve-3d;transform:rotateY(0)}.env-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:.5cqw;transform-style:preserve-3d}.env-face.env-back{background:linear-gradient(168deg,var(--env-paper-lit),var(--env-paper) 52%,var(--env-paper-dim));box-shadow:0 4cqw 7cqw -3cqw #3c30208c;overflow:hidden}.env-face.env-back:before{content:"";position:absolute;inset:0;opacity:.2;background:repeating-linear-gradient(92deg,rgba(255,255,255,.55) 0 1px,transparent 1px 7px)}.env-return{position:absolute;left:7%;top:7%;font-family:Baskerville,Iowan Old Style,Times New Roman,serif;font-size:1.5cqw;letter-spacing:.2em;text-transform:uppercase;color:var(--env-return)}.env-addr{position:absolute;left:12%;top:40%;width:56%;opacity:0;font-family:Baskerville,Iowan Old Style,Times New Roman,serif;color:var(--env-ink)}.env-addr .env-to{display:block;font-size:5.1cqw;font-style:italic;line-height:1}.env-addr .env-rule{display:block;width:6.5cqw;height:1px;margin:1.6cqw 0 1.4cqw;background:linear-gradient(90deg,#2c3a4080,#2c3a4000)}.env-addr .env-line{display:block;font-size:2.1cqw;font-style:italic;letter-spacing:.07em;color:var(--env-ink-soft)}.env-stamp{position:absolute;width:14.62%;height:20%;object-fit:cover;opacity:0;border:.55cqw solid #F6F2EA;box-shadow:0 .4cqw 1cqw #0000004d;transform:rotate(var(--r, 0deg))}.env-s1{top:6.52%;right:25.38%;--r: -4deg}.env-s2{top:5.65%;right:8.46%;--r: 3deg}.env-s3{top:25.22%;right:16.92%;--r: -1.5deg}.env-postmark{position:absolute;top:9%;right:11%;width:20%;height:22.6%;border-radius:50%;z-index:1;border:.3cqw solid rgba(var(--env-mark),.42);opacity:0;--r: -7deg;transform:rotate(var(--r));background:repeating-linear-gradient(90deg,transparent 0 .95cqw,rgba(var(--env-mark),.22) .95cqw 1.14cqw)}.env-face.env-front{transform:rotateY(180deg);visibility:hidden}.env-mouth{position:absolute;left:0;right:0;top:0;height:58%;z-index:1;border-radius:.5cqw .5cqw 0 0;background:linear-gradient(175deg,var(--env-liner-dim),var(--env-liner));box-shadow:0 1.2cqw 2.7cqw -1.2cqw #00000073 inset}.env-pocket{position:absolute;inset:0 0 -1px;z-index:4;border-radius:.5cqw;background:linear-gradient(168deg,var(--env-paper-lit),var(--env-paper) 48%,var(--env-paper-dim));clip-path:polygon(0 0,50% 30%,100% 0,100% 100%,0 100%);box-shadow:0 3.4cqw 6cqw -3cqw #3c302080}.env-pocket:after{content:"";position:absolute;left:0;right:0;bottom:22%;height:1px;background:linear-gradient(90deg,transparent,rgba(44,58,64,.14),transparent)}.env-flapz{position:absolute;inset:0;transform-style:preserve-3d;transform:translateZ(6px)}.env-flaplift{position:absolute;inset:0;z-index:5;transform-style:preserve-3d}.env-flap{position:absolute;left:0;right:0;top:0;height:50%;transform-origin:top center;transform-style:preserve-3d;transform:rotateX(0)}.env-flap-face{position:absolute;inset:0;backface-visibility:hidden;clip-path:polygon(0 0,100% 0,50% 100%)}.env-flap-face.env-outer{background:linear-gradient(172deg,var(--env-paper-lit),var(--env-paper-dim));filter:drop-shadow(0 1.1cqw 1.9cqw rgba(60,48,32,.3))}.env-flap-face.env-inner{transform:rotateX(180deg);clip-path:polygon(0 100%,100% 100%,50% 0);background:linear-gradient(172deg,var(--env-liner-dim),var(--env-liner) 42%,var(--env-liner-lit));box-shadow:0 -1.5cqw 3cqw -1.1cqw #0006 inset}.env-play .env-lift{animation:env-in 1.05s cubic-bezier(.16,.84,.3,1) .1s both}.env-play .env-addr{animation:env-fade .64s ease-out .6s both}.env-play .env-stamp{animation:env-stamp .6s cubic-bezier(.2,.9,.3,1) both}.env-play .env-s1{animation-delay:.62s}.env-play .env-s2{animation-delay:.76s}.env-play .env-s3{animation-delay:.9s}.env-play .env-postmark{animation:env-stamp .52s ease-out .95s both}.env-play .env-body{animation:env-turn 1.25s cubic-bezier(.48,.02,.28,1) 2.3s both}.env-play .env-face.env-front{animation:env-front 1.25s linear 2.3s both}.env-play .env-face.env-back{animation:env-rear 1.25s linear 2.3s both}.env-play .env-flap{animation:env-open 1.2s cubic-bezier(.42,.02,.22,1) 3.5s both}.env-play .env-flapz{animation:env-flapz 1.2s linear 3.5s both}.env-play .env-mouth,.env-play .env-pocket{animation:env-away 1.05s cubic-bezier(.45,0,.75,.55) var(--env-exit-delay) both}.env-play .env-flaplift{animation:env-away 1.05s cubic-bezier(.45,0,.75,.55) var(--env-exit-delay) both,env-depth 1.2s linear 3.5s both}@keyframes env-in{0%{transform:translateY(45cqw)}to{transform:translateY(0)}}@keyframes env-fade{0%{opacity:0;transform:translateY(1cqw)}to{opacity:1;transform:translateY(0)}}@keyframes env-stamp{0%{opacity:0;transform:scale(1.14) rotate(var(--r, 0deg))}to{opacity:1;transform:scale(1) rotate(var(--r, 0deg))}}@keyframes env-turn{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes env-front{0%,38.9%{visibility:hidden}39%,to{visibility:visible}}@keyframes env-rear{0%,40.6%{visibility:visible}40.7%,to{visibility:hidden}}@keyframes env-open{0%{transform:rotateX(0)}to{transform:rotateX(-155deg)}}@keyframes env-depth{0%,39.5%{z-index:5}39.62%,to{z-index:0}}@keyframes env-flapz{0%,39.5%{transform:translateZ(6px)}39.62%,to{transform:translateZ(-6px)}}@keyframes env-away{0%{transform:translateY(0) rotate(0)}to{transform:translateY(calc((var(--env-w, 62) * .95 + 18 + var(--env-exit-extra, 0)) * 1cqw)) rotate(2.2deg)}}.env-over{position:absolute;left:calc(var(--env-x, 19) * 1cqw);top:calc((var(--env-base, 114) - var(--env-w, 62) * .7258) * 1cqw);width:calc(var(--env-w, 62) * 1cqw);height:calc(var(--env-w, 62) * .7258cqw);pointer-events:none;clip-path:polygon(-2000% -2000%,2100% -2000%,2100% 100%,100% 100%,100% 0%,50% 30%,0% 0%,0% 100%,-2000% 100%)}.env-over-cards{position:absolute;inset:0}@keyframes env-over-open{0%{clip-path:polygon(0% 0%,50% 30%,100% 0%,100% 0%,100% 0%,50% 30%,0% 0%,0% 0%,0% 0%)}76.24%{clip-path:polygon(0% 0%,50% 30%,100% 0%,100% 0%,100% 0%,50% 30%,0% 0%,0% 0%,0% 0%)}78.61%{clip-path:polygon(0% 0%,50% 27.24%,100% 0%,100% 0%,100% 0%,50% 30%,0% 0%,0% 0%,0% 0%)}80.99%{clip-path:polygon(0% 0%,50% 24.33%,100% 0%,100% 0%,100% 0%,50% 30%,0% 0%,0% 0%,0% 0%)}83.36%{clip-path:polygon(0% 0%,50% 21.31%,100% 0%,100% 0%,100% 0%,50% 30%,0% 0%,0% 0%,0% 0%)}85.74%{clip-path:polygon(0% 0%,50% 18.22%,100% 0%,100% 0%,100% 0%,50% 30%,0% 0%,0% 0%,0% 0%)}88.12%{clip-path:polygon(0% 0%,50% 15.09%,100% 0%,100% 0%,100% 0%,50% 30%,0% 0%,0% 0%,0% 0%)}90.49%{clip-path:polygon(0% 0%,50% 11.96%,100% 0%,100% 0%,100% 0%,50% 30%,0% 0%,0% 0%,0% 0%)}92.87%{clip-path:polygon(0% 0%,50% 8.86%,100% 0%,100% 0%,100% 0%,50% 30%,0% 0%,0% 0%,0% 0%)}95.25%{clip-path:polygon(0% 0%,50% 5.82%,100% 0%,100% 0%,100% 0%,50% 30%,0% 0%,0% 0%,0% 0%)}97.62%{clip-path:polygon(0% 0%,50% 2.86%,100% 0%,100% 0%,100% 0%,50% 30%,0% 0%,0% 0%,0% 0%)}99.9%{clip-path:polygon(0% 0%,50% 0%,100% 0%,100% 0%,100% 0%,50% 30%,0% 0%,0% 0%,0% 0%)}to{clip-path:polygon(-2000% -2000%,2100% -2000%,2100% 100%,100% 100%,100% 0%,50% 30%,0% 0%,0% 100%,-2000% 100%)}}@keyframes env-over-away{0%{transform:translateY(0) rotate(0)}to{transform:translateY(calc((var(--env-w, 62) * .95 + 18 + var(--env-exit-extra, 0)) * 1cqw)) rotate(2.2deg)}}@keyframes env-over-hold{0%{transform:rotate(0) translateY(0)}to{transform:rotate(-2.2deg) translateY(calc((var(--env-w, 62) * .95 + 18 + var(--env-exit-extra, 0)) * -1cqw))}}.env-play .env-over{animation:env-over-open .4754s linear 3.5s both,env-over-away 1.05s cubic-bezier(.45,0,.75,.55) var(--env-exit-delay) both}.env-play .env-over-cards{animation:env-over-hold 1.05s cubic-bezier(.45,0,.75,.55) var(--env-exit-delay) both}@media(prefers-reduced-motion:reduce){.env-play .env-over,.env-play .env-over-cards{animation:none}.env-play .env-over{transform:translateY(calc((var(--env-w, 62) * .95 + 18 + var(--env-exit-extra, 0)) * 1cqw)) rotate(2.2deg)}.env-play .env-over-cards{transform:rotate(-2.2deg) translateY(calc((var(--env-w, 62) * .95 + 18 + var(--env-exit-extra, 0)) * -1cqw))}.env-play .env-lift,.env-play .env-body,.env-play .env-addr,.env-play .env-stamp,.env-play .env-postmark,.env-play .env-flap,.env-play .env-flaplift,.env-play .env-mouth,.env-play .env-pocket{animation:none}.env-play .env-lift{transform:translateY(0)}.env-play .env-body{transform:rotateY(180deg)}.env-play .env-face.env-front{visibility:visible}.env-play .env-face.env-back{visibility:hidden}.env-play .env-addr,.env-play .env-stamp,.env-play .env-postmark{opacity:1}.env-play .env-flaplift{z-index:0}.env-play .env-flapz{transform:translateZ(-6px)}.env-play .env-mouth,.env-play .env-pocket,.env-play .env-flaplift{transform:translateY(calc((var(--env-w, 62) * .95 + 18 + var(--env-exit-extra, 0)) * 1cqw))}}