.is-director-envelope{background:radial-gradient(ellipse at 15% 28%,#1c34413d,transparent 60%),#0a1320;padding:28px 32px 30px}
.is-director-envelope #reading-kicker{font-size:7px;letter-spacing:2px;text-align:center;margin-top:32px}
.is-director-envelope #reading-title{text-align:center;font-size:clamp(24px,2.4vw,35px);margin:12px 0 30px;color:#e5cfaa}
.letter-delivery{perspective:1200px;text-align:center}
.sealed-envelope{position:relative;min-height:465px;isolation:isolate;color:#2f3d32;border:1px solid #a58b5d;border-radius:3px;background:radial-gradient(ellipse at 0 0,#8a65322e,transparent 52%),radial-gradient(ellipse at 100% 100%,#85542024,transparent 55%),repeating-linear-gradient(95deg,#e2cfaa40 0 1px,transparent 1px 5px),#e9dbbc;box-shadow:inset 0 0 50px #9b774546,0 18px 34px #0006;transform:rotate(-1deg);margin:0 5px;overflow:visible}
.sealed-envelope:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(32deg,transparent 49.8%,#9a805939 50%,transparent 50.3%) bottom left/50% 63% no-repeat,linear-gradient(-32deg,transparent 49.8%,#9a805939 50%,transparent 50.3%) bottom right/50% 63% no-repeat;pointer-events:none}
.sealed-envelope:after{content:'';position:absolute;inset:10px;border:1px solid #8c6d3a30;border-radius:1px;pointer-events:none}
.envelope-flap{position:absolute;top:0;left:0;right:0;height:46%;transform-origin:top;transform-style:preserve-3d;filter:drop-shadow(0 2px 2px #80613f55);transition:transform .6s cubic-bezier(.25,.65,.3,1),opacity .5s;z-index:1;pointer-events:none}
.envelope-flap:before{content:'';position:absolute;inset:0;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(180deg,#e9dbbf,#cbb38b 99%)}
.envelope-flap:after{content:'';position:absolute;inset:1px 1px 2px;clip-path:polygon(0 0,100% 0,50% 100%);background:radial-gradient(ellipse at 50% 30%,#f0e5cc,#e0cfaa 75%)}
.envelope-sender{position:absolute;left:28px;top:25px;z-index:2;text-align:left;line-height:1.8;font-family:var(--sans);text-transform:uppercase;transform:rotate(-1deg)}
.envelope-sender span{display:block;font-size:6px;letter-spacing:2px;color:#816b48}
.envelope-sender strong{display:block;font-family:var(--serif);font-size:10px;font-weight:500;letter-spacing:.7px;color:#53604c}
.envelope-postmark{position:absolute;right:24px;top:21px;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;width:78px;height:78px;border:1px solid #6c70565c;border-radius:50%;outline:1px solid #6c705633;outline-offset:-5px;color:#62664d9c;transform:rotate(12deg);font-family:var(--sans);line-height:1.7}
.envelope-postmark span{font-size:5px;letter-spacing:.7px}.envelope-postmark b{font-family:var(--serif);font-size:18px;letter-spacing:1px;font-weight:400}
.wax-seal{position:absolute;z-index:4;top:calc(46% - 58px);left:50%;width:122px;height:122px;transform:translateX(-50%) rotate(-7deg);transition:transform .3s,filter .3s,opacity .35s;filter:drop-shadow(0 7px 6px #6e2c2755);border-radius:50%;touch-action:manipulation}
.wax-seal img{width:100%;height:100%;object-fit:contain;max-width:none}
.wax-seal:hover,.wax-seal:focus-visible{transform:translateX(-50%) rotate(0deg) scale(1.07);filter:drop-shadow(0 8px 9px #7e24277a)}
.wax-seal:focus-visible{outline:2px solid #7c2130;outline-offset:5px}
.envelope-recipient{position:relative;padding:calc(465px * .46 + 64px) 25px 0;z-index:2;pointer-events:none}
#reading-body .envelope-to{font-family:var(--sans);font-size:9px;letter-spacing:2.3px;text-transform:uppercase;margin:0 0 11px;color:#6d5b3e}
#reading-body .envelope-student{font-family:var(--prose);font-size:25px;line-height:1.5;margin:0;color:#314635;font-style:italic;text-wrap:balance}
#reading-body .envelope-school{font-family:var(--serif);font-size:10px;line-height:1.8;letter-spacing:1.3px;margin:9px 0 0;color:#67684e}
.director-signature{position:relative;z-index:2;margin:26px 30px 24px auto;text-align:right;max-width:280px;transform:rotate(-3deg);pointer-events:none}
#reading-body .signature-name{font-family:'Allura','Segoe Script',cursive;font-size:32px;line-height:1.2;color:#3c3b2e;margin:0;white-space:nowrap}
#reading-body .signature-role{font-family:var(--sans);font-size:6px;line-height:1.8;letter-spacing:2px;text-transform:uppercase;color:#797254;margin:5px 2px 0 0}
#reading-body .envelope-hint{font-family:var(--prose);font-size:13px;font-style:italic;line-height:1.8;color:#aeb8c8;margin:29px 0 18px;text-wrap:balance}
.envelope-open{font-family:var(--sans);font-size:9px;gap:25px;min-width:290px}
.sealed-envelope.is-opening .wax-seal{transform:translate(-50%,24px) rotate(14deg) scale(.85);opacity:0;pointer-events:none}
.sealed-envelope.is-opening .envelope-flap{transform:rotateX(155deg);opacity:0}
.letter-return{display:inline-block;font-family:var(--sans);font-size:10px;line-height:1.8;color:var(--gold);margin-bottom:4px;border-bottom:1px solid #c5a36d44}
.has-director-letter #reading-body{animation:letter-reveal .5s ease}
@keyframes letter-reveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px) and (min-width:801px){.is-director-envelope{padding:25px 22px}.sealed-envelope{min-height:455px}.envelope-sender{left:21px}.envelope-sender strong{font-size:8px}.envelope-postmark{right:18px;width:64px;height:64px}.envelope-recipient{padding-inline:20px}.envelope-student{font-size:22px!important}.director-signature{margin-right:22px}.signature-name{font-size:28px!important}}
@media(max-width:480px){.is-director-envelope{padding:22px 13px}.is-director-envelope .article-meta{font-size:7px;margin-inline:7px}.is-director-envelope #reading-kicker{font-size:6px;letter-spacing:1.4px;margin-top:25px}.is-director-envelope #reading-title{font-size:24px;line-height:1.4;margin-bottom:25px}.sealed-envelope{margin:0 2px;min-height:450px}.envelope-sender{left:19px;top:23px}.envelope-sender span{font-size:5px;letter-spacing:1.2px}.envelope-sender strong{font-size:7px;letter-spacing:.2px}.envelope-postmark{width:57px;height:57px;top:18px;right:16px}.envelope-postmark span{font-size:4px;letter-spacing:.4px}.envelope-postmark b{font-size:15px}.wax-seal{width:106px;height:106px;top:calc(46% - 48px)}.envelope-recipient{padding:265px 16px 0}#reading-body .envelope-to{font-size:7px;letter-spacing:1.4px;margin-bottom:11px}#reading-body .envelope-student{font-size:22px;line-height:1.5}#reading-body .envelope-school{font-size:8px;letter-spacing:.8px}.director-signature{margin:24px 19px 28px auto}#reading-body .signature-name{font-size:27px}#reading-body .signature-role{font-size:5px;letter-spacing:1.4px}#reading-body .envelope-hint{font-size:12px;margin-top:26px;padding-inline:12px}.envelope-open{min-width:0;width:100%;font-size:8px;gap:16px;padding-inline:12px}.is-director-envelope .reading-pagination{margin-inline:7px}.is-director-envelope .reading-source{margin-inline:7px}}
@media(prefers-reduced-motion:reduce){.envelope-flap,.wax-seal{transition:none}.has-director-letter #reading-body{animation:none}}