.letter-entry.invitation-entry{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:30px 22px;background:radial-gradient(ellipse at 45% 30%,#fffdf8,#eee2d0);color:#543b30;perspective:1400px}
.letter-intro{text-align:center;flex:none}.letter-intro .entry-kicker{font:9px Arial;letter-spacing:2.4px;margin:0 0 12px}.letter-intro>p:last-child{font:italic 15px Georgia;margin:0}
.envelope-scene{position:relative;width:min(320px,100%);height:315px;flex:none;filter:drop-shadow(0 18px 22px #563c2520);perspective:1000px;transition:translate 1.1s .45s,opacity .6s 1s}
.envelope-back{position:absolute;inset:105px 0 0;background:#be9a71;border:1px solid #ad8a66;border-radius:3px}
.letter-paper{position:absolute;inset:0 18px 25px;background:repeating-linear-gradient(0deg,#fbf7ed 0 3px,#f8f3e8 4px);border:1px solid #e5d7be;text-align:center;padding:27px 15px;box-shadow:0 2px 8px #3c251b15;transition:transform 1.05s .4s cubic-bezier(.25,.7,.2,1);z-index:1}
.letter-paper:before{content:'';position:absolute;inset:9px;border:1px solid #c5ad7c70;pointer-events:none}.letter-paper>span:first-child{font:8px Arial;letter-spacing:2px;text-transform:uppercase}.letter-entry .letter-paper h2{font:38px/1.04 Georgia;letter-spacing:-1px;margin:18px 0 12px;color:#593344}.letter-paper h2 em{font:italic 25px Georgia;display:block;margin:6px 0;color:#a18452}.paper-rule{display:block;width:30px;height:1px;background:#b29664;margin:14px auto}.letter-paper p{font:10px/1.8 Arial;letter-spacing:1px;margin:0}
.envelope-front{position:absolute;inset:105px 0 0;z-index:3;background:linear-gradient(150deg,#e8d7be,#d6ba94);clip-path:polygon(0 0,50% 49%,100% 0,100% 100%,0 100%);border-radius:2px}
.envelope-flap{position:absolute;top:105px;left:0;right:0;height:115px;z-index:4;transform-origin:top;clip-path:polygon(0 0,100% 0,50% 92%);background:linear-gradient(180deg,#e8d6ba,#d9bd98);transition:transform .65s ease;backface-visibility:hidden}
.envelope-monogram{position:absolute;z-index:5;bottom:28px;left:0;right:0;text-align:center;font:21px Georgia;color:#79593f;letter-spacing:4px;transition:opacity .3s}.envelope-monogram i{font-size:13px;letter-spacing:0}
.letter-action{position:relative;z-index:6;width:min(320px,100%);text-align:center;flex:none;transition:opacity .3s}.letter-open.open-invitation{position:static;inset:auto;transform:none;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:56px;padding:15px 20px;background:#6a2c40;color:#fff8ee;border:1px solid #6a2c40;border-radius:6px;box-shadow:0 7px 18px #6a2c4024;font:600 15px Arial;letter-spacing:.4px;cursor:pointer}.letter-open:hover{background:#532133}.letter-open:focus-visible{outline:3px solid #9e7c3e;outline-offset:5px}.letter-action small{display:block;margin-top:13px;font:11px/1.5 Arial;color:#7c6754}
.letter-entry.is-open .envelope-flap{transform:rotateX(180deg)}.letter-entry.is-open .letter-paper{transform:translateY(-140px)}.letter-entry.is-open .envelope-monogram,.letter-entry.is-open .letter-action,.letter-entry.is-open .letter-intro{opacity:0}.letter-entry.is-open .envelope-scene{translate:0 65px;opacity:0}.letter-entry.is-open{animation:letter-fade 1.6s both}
.story-photo{max-width:650px;margin:0 auto;padding:0 26px 55px;text-align:center}.story-photo img{display:block;width:100%;height:auto;border:8px solid #fffaf2;box-shadow:0 12px 35px #3a241717}.story-photo figcaption{max-width:420px;margin:17px auto 0;font:italic 15px/1.6 Georgia;color:#765e61}.street-photo{padding-top:45px}
@keyframes letter-fade{0%,75%{opacity:1}100%{opacity:0}}
@media(max-height:620px){.letter-entry.invitation-entry{gap:15px;padding:18px}.envelope-scene{height:265px;width:280px}.envelope-back,.envelope-front{top:85px}.envelope-flap{top:85px}.letter-paper{padding:18px 12px}.letter-entry .letter-paper h2{font-size:32px;margin:12px 0}.letter-paper p{font-size:9px}.letter-open.open-invitation{min-height:50px}.letter-action small{margin-top:8px}}
@media(max-height:460px){.letter-entry.invitation-entry{display:grid;grid-template-columns:minmax(160px,260px) minmax(140px,260px);align-content:center;gap:12px 25px}.letter-intro{grid-column:2;grid-row:1}.envelope-scene{grid-column:1;grid-row:1/3;width:100%;height:240px}.letter-action{grid-column:2;grid-row:2}.letter-paper{inset:0 12px 20px}.letter-entry .letter-paper h2{font-size:28px}.envelope-back,.envelope-front,.envelope-flap{top:75px}}
@media(prefers-reduced-motion:reduce){.envelope-scene,.letter-paper,.envelope-flap,.letter-action,.letter-entry{animation:none!important;transition:none!important}}