:root{color-scheme:light;--ink:#34372d;--gold:#866c39;--paper:#fbf7ee}*{box-sizing:border-box}body{margin:0;background:#f4f0e7;color:var(--ink);font-family:Georgia,'Times New Roman',serif;background-image:radial-gradient(ellipse at 50% 20%,#fffdf7 0,transparent 70%)}main{min-height:100svh;padding:44px 20px 24px;text-align:center;overflow:hidden}header{position:relative;z-index:1}.eyebrow{font:12px/1.6 Arial,sans-serif;letter-spacing:.28em;color:#706b5c;margin:0 0 14px}h1{font-size:clamp(30px,5vw,48px);font-weight:400;letter-spacing:-.035em;margin:0}h1 i{font-weight:400;color:var(--gold);padding:0 .1em}.intro{font-size:18px;margin:15px 0 0;font-style:italic;color:#746a54}.stage{padding-top:130px;min-height:470px;transition:opacity .5s}.envelope{position:relative;display:block;width:min(440px,85vw);aspect-ratio:1.6;margin:0 auto;padding:0;border:0;background:transparent;cursor:pointer;perspective:1200px;filter:drop-shadow(0 22px 20px #54432525);-webkit-tap-highlight-color:transparent}.back,.pocket,.flap,.letter{position:absolute;inset:0;border-radius:3px}.back{background:#d8cbb1}.letter{inset:12px 10% 6px;background:white;overflow:hidden;transition:transform 1.15s .6s;z-index:1}.letter img{width:100%;display:block}.pocket{z-index:3;background:linear-gradient(150deg,#f5ead6,#e4d7be);clip-path:polygon(0 0,50% 53%,100% 0,100% 100%,0 100%)}.flap{z-index:4;background:linear-gradient(#eee2cd,#f7eddd);clip-path:polygon(0 0,100% 0,50% 57%);transform-origin:50% 0;transition:transform .85s ease,z-index 0s .4s;backface-visibility:hidden}.seal{position:absolute;z-index:5;left:50%;top:51%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;display:grid;place-content:center;background:#897443;color:#fff7df;border:4px double #bca578;font-size:18px;box-shadow:0 4px 7px #59482b38;transition:opacity .25s,transform .35s}.seal i{font-size:14px}.seal{display:flex;align-items:center;justify-content:center;gap:4px}.hint{font:14px/1.6 Arial,sans-serif;color:#71674f;margin:32px 0 0;letter-spacing:.04em}.opening .flap{transform:rotateX(180deg);z-index:0}.opening .seal{opacity:0;transform:translate(-50%,-50%) scale(1.2)}.opening .letter{transform:translateY(-48%)}.opening .hint{opacity:0}.stage.leaving{opacity:0}.invitation{padding-top:28px;animation:appear .75s both}.card{width:min(440px,90vw);aspect-ratio:1066/1500;margin:auto;perspective:1400px}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.7,.2,1);box-shadow:0 15px 42px #54432522}.card.flipped .card-inner{transform:rotateY(180deg)}.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:white;backface-visibility:hidden;-webkit-backface-visibility:hidden}.reverse{transform:rotateY(180deg)}nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin:25px auto 0;max-width:540px}nav button,nav a,.sound{font:14px/1.4 Arial,sans-serif;border:1px solid #c4b698;border-radius:30px;background:transparent;color:#514b3c;padding:13px 18px;cursor:pointer;text-decoration:none}nav button:first-child{background:#514f3a;border-color:#514f3a;color:#fff}nav .quiet{border:0;width:100%;padding:7px}.sound{margin-top:16px}button:focus-visible,a:focus-visible{outline:3px solid #947528;outline-offset:6px}footer{font-size:15px;font-style:italic;color:#736b59;margin-top:34px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@keyframes appear{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){main{padding:34px 16px 24px}.stage{padding-top:115px;min-height:410px}.envelope{width:86vw}.seal{width:62px;height:62px;font-size:16px}.invitation{padding-top:24px}.card{width:min(440px,92vw)}nav{gap:9px}nav button,nav a{padding:12px 14px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.opening .letter{transform:none}}