/* Real paper surfaces stay separate so each fold can move independently. */
body{background:#eae4da}main{background:radial-gradient(ellipse at 42% 26%,#fffdf8 0%,#f1ece3 56%,#dfd6c8 100%)}
.scene{width:min(410px,80vw);filter:drop-shadow(0 28px 28px #32121a1c)}
.back{border-radius:3px;border:1px solid #470414;background:#630c20 url('burgundy-paper.webp') center/cover;box-shadow:0 1px 0 #b4435270 inset,0 -2px 0 #38000e99 inset,2px 3px 2px #40041033,0 14px 20px #39142122}
.grain{opacity:.08;mix-blend-mode:soft-light}
.left{background:linear-gradient(140deg,#ba62731f,#19000855),url('burgundy-paper.webp') 0 0/410px 512px;clip-path:polygon(0 0,58% 59%,0 100%)}
.right{background:linear-gradient(225deg,#bf5b6a15,#18000570),url('burgundy-paper.webp') 100% 0/410px 512px}
.bottom{background:linear-gradient(180deg,#c9687625 0%,transparent 15%,#32000d45 100%),url('burgundy-paper.webp') center bottom/410px 512px;clip-path:polygon(0 100%,0 70%,50% 44%,100% 70%,100% 100%)}
.pocket{filter:drop-shadow(0 -1px 1px #e3a0a133) drop-shadow(0 -5px 4px #26000955)}
.flap{filter:drop-shadow(0 1px 1px #3a0011aa) drop-shadow(0 8px 6px #2c000967)}
.flap-face{background:linear-gradient(150deg,#ce87952b,transparent 35%,#30000e33),url('burgundy-paper.webp') center top/cover}
.flap-face:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#e4a7a53b 0,transparent 2px,transparent 98%,#25000955)}
.flap-face.reverse{background:linear-gradient(180deg,#32000d60,#aa3e5322),url('burgundy-paper.webp') center/cover}
.cover-copy{top:9%;padding:0 30px;text-shadow:0 -1px 0 #21000888,0 1px 0 #d3828140}.cover-copy h1{font-size:clamp(30px,6.7vw,46px);line-height:1.1;letter-spacing:-1.5px}.cover-copy p{color:#dfc9ac;font-size:17px;letter-spacing:.3px}
.sender{color:#dcc8a8;text-shadow:0 -1px #2f000ccc;font-size:22px}.sender small{font-size:10px;letter-spacing:3.5px;color:#c5a875}
.seal{width:100px;height:100px;background:none;border:0;border-radius:50%;box-shadow:none;filter:drop-shadow(1px 5px 3px #23000885)}
.seal img{width:100%;height:100%;object-fit:contain;pointer-events:none}.seal span{display:none}.seal:hover{filter:drop-shadow(1px 5px 3px #23000885) brightness(1.06)}
.card{background:linear-gradient(130deg,#fffaf1,#f2e8d6);box-shadow:0 2px 1px #bca88a77,0 8px 25px #1b000b33}.card:before{border-color:#b6925c99}.card:after{border-color:#b6925c44}.monogram{color:#9e7d49;text-shadow:0 1px #fff}.eyebrow{color:#897458}.hint{font-size:12px;color:#7d6a52;letter-spacing:1.2px}
@media(max-width:360px){.scene{width:82vw}.seal{width:85px;height:85px}.cover-copy{padding:0 24px}.cover-copy p{font-size:15px}}