:root{--ink:#3c2b26;--muted:#806b60;--paper:#fbf4e8;--accent:#9f6251}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#d7c0aa}body{color:var(--ink);font-family:Georgia,'Times New Roman',serif}.room{min-height:100svh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 35%,#f8eadb 0,#d8bd9f 48%,#98775f 100%)}.room:before{content:'';position:absolute;inset:0;opacity:.13;background:repeating-linear-gradient(12deg,#5a3d2c 0 2px,transparent 2px 9px);mix-blend-mode:multiply}.room:after{content:'';position:absolute;width:130vw;height:45vh;bottom:-18vh;left:-15vw;transform:rotate(-4deg);background:linear-gradient(90deg,#9a6b4d,#bc8f68 35%,#8c5e43 70%,#b98762);box-shadow:0 -22px 45px #50332355}.content{position:relative;z-index:1;width:min(100%,560px);padding:36px 20px 28px;text-align:center}.intro{margin:0 0 9px;font-size:clamp(1.35rem,5vw,2rem);letter-spacing:.025em}.sub{margin:0 0 24px;color:#634c40;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.card-stage{width:min(88vw,430px);margin:auto;perspective:1800px;filter:drop-shadow(0 30px 25px #42251666)}.card{position:relative;width:100%;aspect-ratio:4/5.35;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.19,.8,.2,1);cursor:pointer;touch-action:pan-y}.card.flipped{transform:rotateY(180deg)}.side{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden;border-radius:4px}.front{background:#f8ead6;padding:8px;border:1px solid #fff4e3}.front img{display:block;width:100%;height:100%;object-fit:cover;border:1px solid #d6b895}.back{transform:rotateY(180deg);background:var(--paper);border:8px solid #f4e2cb;background-image:radial-gradient(#bd92702b 1px,transparent 1px);background-size:5px 5px}.back-inner{height:100%;position:relative;padding:9% 9%;text-align:left}.back-inner:before{content:'';position:absolute;inset:11px;border:1px solid #b87d6866;pointer-events:none}.stamp{position:absolute;right:10%;top:9%;border:1px solid #ae7463;color:#925c4d;padding:7px 9px;text-align:center;font-size:1.15rem;line-height:.85;transform:rotate(3deg)}.stamp small{font:500 .36rem Arial;letter-spacing:.11em}.postmark{position:absolute;right:8%;top:23%;font:500 .42rem Arial;letter-spacing:.11em;line-height:1.25;color:#a47567;transform:rotate(-8deg)}.eyebrow{margin:0 0 5px;color:#a16858;font:500 .55rem Arial;letter-spacing:.18em;text-transform:uppercase}.back h1{margin:0 0 7%;font-size:clamp(2rem,8vw,3rem);line-height:.8;font-weight:400}.message{font-size:clamp(.78rem,2.5vw,.96rem);line-height:1.27;max-width:92%}.message p{margin:0 0 4%}.ps{font-size:.78em;color:#986657;font-style:italic;margin-top:9%!important}.address{position:absolute;right:9%;bottom:12%;width:38%;border-bottom:1px solid #b98b7966;padding-bottom:8px;text-align:center;font-size:1.15rem}.address small{font-size:.5rem;color:#986c5c}.address span{font-size:1.35rem;color:#b16e62}.cta{display:inline-flex;margin-top:25px;border:1px solid #5c4135;background:#4b342b;color:#fff6e9;border-radius:999px;padding:12px 20px;font:500 .78rem Arial;letter-spacing:.03em;cursor:pointer;box-shadow:0 5px 12px #4b342b33}.cta:active{transform:translateY(1px)}.hint{margin:12px 0 0;color:#634c40;font:500 .65rem Arial;letter-spacing:.06em}.mute{position:absolute;z-index:2;right:18px;top:18px;width:36px;height:36px;border:1px solid #fff8;border-radius:50%;background:#6b493866;color:#fff;font-size:1rem}@media(min-width:700px){.content{padding-top:28px}.card-stage{width:440px}}