#future [hidden]{display:none!important}
.el-scene{position:absolute;inset:0;background:#98372f;overflow:hidden;isolation:isolate;perspective:1800px}.el-frame{position:absolute;inset:25px;border:1px solid #d6a45155}/* Separate envelope planes let its front actually occlude the folded paper. */
.el-envelope,.el-front{position:absolute;left:110px;top:199px;width:690px;height:390px;pointer-events:none}
.el-envelope{z-index:1;filter:drop-shadow(0 8px 10px #58251c44)}
.el-front{z-index:4}
.el-flap{position:absolute;left:110px;top:199px;width:690px;height:221px;z-index:5;transform-origin:50% 0;transform-style:preserve-3d;pointer-events:none}
.el-flap>svg:not(.el-seal){position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden}
.el-flap-inner{transform:rotateY(180deg)}
.el-seal{position:absolute;left:310px;top:173px;width:70px;height:70px;z-index:6;pointer-events:none;backface-visibility:hidden;transform:translateZ(1px)}
.el-scene[data-phase="0"] .el-letter{visibility:hidden;transform:translate(78px,178px) rotate(-1deg) scale(.85);clip-path:inset(0 0 45% 0)}
.el-scene:not([data-phase="0"]) .el-envelope,.el-scene:not([data-phase="0"]) .el-front{transform:translateY(900px)}
.el-scene:not([data-phase="0"]) .el-flap{transform:translateY(900px) rotateX(-168deg);z-index:2}

.el-letter{position:absolute;left:65px;top:48px;width:760px;height:617px;padding:29px 49px;color:#503e31;background:#fff3d6;box-shadow:0 13px 24px #4f241d33;transform:rotate(-.7deg);transform-origin:0 0;z-index:3;overflow:hidden}.el-texture{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:.48;z-index:-1;pointer-events:none}.el-date{text-align:right;font-size:16px;letter-spacing:.12em;color:#9d7f51;padding-bottom:15px;border-bottom:1px solid #d8bf8b}.el-rule{margin-top:22px;height:4px;background:#a63d32;width:100%}.el-heading h1{font:700 51px/1.18 'KaiTi','STKaiti',serif;letter-spacing:.025em;margin:14px 0 18px}.el-heading em{font-style:normal;color:#a43b31}.el-heading p{font-size:20px;line-height:1.5;margin:0;color:#79664b}.el-plans{position:absolute;top:313px;left:49px;right:49px;margin:0;padding:0;list-style:none;perspective:1000px}.el-plans li{height:63px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #d7bf93;font-size:25px;background:linear-gradient(90deg,#fff5df00,#f8ecd166);transform-origin:50% 0}.el-number{font:20px Georgia,serif;color:#b49051}.el-plans svg{margin-left:auto;width:27px;height:27px;fill:none;stroke:#829283;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.el-plans path{stroke-dasharray:1;stroke-dashoffset:0}.el-signoff{position:absolute;left:49px;right:49px;top:535px}.el-signoff p{font-size:20px;margin:0}.el-signature{font:40px 'KaiTi','STKaiti',serif;color:#a63d32;text-align:right;margin-top:13px;letter-spacing:.1em}
.el-keepsakes{position:absolute;left:862px;top:49px;width:346px;height:622px;background:#fff3d6;box-shadow:0 7px 22px #54271e20;border:1px solid #d9b875;isolation:isolate}.el-writing{position:absolute;left:33px;top:7px;width:280px;height:280px;isolation:isolate}.el-writing>img,.el-ink,.el-writer,.el-writer>img,.el-writer canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.el-rear{z-index:0}.el-desk{z-index:1}.el-ink{z-index:2;fill:none;stroke:#90613b;stroke-width:2;stroke-linecap:round}.el-writer{z-index:3}.el-writer canvas{display:none}.el-writer.ready canvas{display:block}.el-writer.ready>img{visibility:hidden}.el-tray{position:absolute;left:13px;top:228px;width:155px;height:104px;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-4deg)}.el-collection{position:absolute;left:21px;top:326px;width:303px;height:287px}.el-board{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;mix-blend-mode:multiply}.el-badges{position:absolute;inset:46px 39px 29px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;column-gap:30px;row-gap:6px}.el-badges figure{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transform-origin:50% 18%}.el-badges img{width:79px;height:79px;object-fit:contain}.el-badges figcaption{font:17px 'KaiTi','STKaiti',serif;color:#8d5936;margin-top:0}
/* The stationery rests on the registered desk, underneath the writing hand. */
.el-signoff{top:521px}.el-signature{font-size:36px;line-height:1.15;margin-top:8px}
.el-writing{background:#fff3d6}.el-writing>.el-tray{inset:auto;left:26px;top:115px;width:103px;height:69px;z-index:2;transform:none}.el-collection{top:300px;height:303px}.el-badges{inset:0;display:block}
/* Centers measured from the four recesses in the 1254px board artwork.
   Keep the badge image centered; captions do not affect its position. */
.el-badges figure{--badge-x:95.2px;--badge-y:100px;position:absolute;width:90px;height:100px;left:calc(var(--badge-x) - 45px);top:calc(var(--badge-y) - 39.5px);justify-content:flex-start;transform-origin:50% 39.5px}
.el-badges figure:nth-child(2n){--badge-x:208.8px}
.el-badges figure:nth-child(n+3){--badge-y:201.7px}
.el-badges img{flex:none;width:79px;height:79px}
.el-badges figcaption{width:100%;height:20px;line-height:20px;text-align:center;margin-top:4px}

.el-fold{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent 46%,#6b4b2630 49.5%,#fffdf1a0 50%,transparent 54%)}
.el-write-line{display:inline-block;white-space:nowrap;vertical-align:top}
.el-heading p,.el-signoff p{font:23px/1.5 'KaiTi','STKaiti',serif}
.el-plans .el-write-line{font:27px/1.3 'KaiTi','STKaiti',serif}
.el-plans .el-number{flex:none;width:24px}
.el-writing-pen{position:absolute;left:0;top:0;width:0;height:0;z-index:9;opacity:0;pointer-events:none;transform-origin:0 0}
/* True-alpha sprite: nib at (129,1130) in the 1254px image. */
.el-writing-pen img{position:absolute;left:-14.20px;top:-124.35px;width:138px;height:138px;max-width:none}