.invitation-experience{width:100%;min-width:0;position:relative}.invitation-experience-stage{isolation:isolate;background:#f8f2e7;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 18px 50px #40301e17}.invitation-experience-art{--invitation-reveal-delay:.7s;outline:none;width:100%}.opening-none .invitation-experience-art{--invitation-reveal-delay:0s}.invitation-experience-art:focus-visible{outline-offset:-3px;outline:3px solid #9a6341}.is-closed .invitation-experience-art{visibility:hidden}.invitation-opening-cover{z-index:3;perspective:1000px;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.invitation-cover-left,.invitation-cover-right,.invitation-cover-flap{background:#f1e7d7;position:absolute;inset:0}.invitation-cover-left{clip-path:polygon(0 0,100% 100%,0 100%);background:linear-gradient(125deg,#ede0cc,#f9f1e5)}.invitation-cover-right{clip-path:polygon(100% 0,100% 100%,0 100%);background:linear-gradient(235deg,#e9dac3,#faf4e9)}.invitation-cover-flap{clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;filter:drop-shadow(0 5px 3px #5a3e2117);background:linear-gradient(#f5eada,#e2ccaa);height:48%}.invitation-cover-message{z-index:2;text-align:center;color:#5d432d;width:100%;max-height:100%;padding:32px 24px;position:relative;overflow:auto}.invitation-cover-eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:10px}.invitation-cover-message h3{overflow-wrap:anywhere;margin:24px 0 10px;font-family:Fraunces Variable,Georgia,serif;font-size:clamp(27px,4vw,43px);font-weight:450}.invitation-cover-message p{overflow-wrap:anywhere;margin:0 0 28px;font-size:13px;line-height:1.7}.invitation-open-button{font:inherit;color:#62482f;cursor:pointer;background:#fffaf2;border:1px solid #a88558;border-radius:100px;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 5px 20px #73593512}.invitation-open-button:hover{background:#fff}.invitation-open-button:focus-visible,.invitation-experience-controls button:focus-visible{outline-offset:4px;outline:3px solid #a8754e}.invitation-music-hint{opacity:.8;justify-content:center;align-items:center;gap:6px;margin-top:15px;font-size:10px;display:flex}.is-open .invitation-opening-cover{pointer-events:none;animation:1.5s both invitation-cover-away}.is-open .invitation-cover-message{animation:.35s both invitation-message-away}.opening-envelope.is-open .invitation-cover-flap{animation:.8s ease-in both invitation-flap-away}.opening-envelope.is-open .invitation-cover-left,.opening-envelope.is-open .invitation-cover-right{animation:1.2s ease-in-out .2s both invitation-envelope-away}.opening-curtain .invitation-cover-left,.opening-curtain .invitation-cover-right{clip-path:none;background:repeating-linear-gradient(90deg,#e6d8c3 0,#f5ecde 12%,#dac8ad 23%,#eee3d2 35%);width:50.5%}.opening-curtain .invitation-cover-right{left:50%}.opening-curtain .invitation-cover-flap{display:none}.opening-curtain.is-open .invitation-cover-left{animation:1.3s cubic-bezier(.3,0,.25,1) both invitation-curtain-left}.opening-curtain.is-open .invitation-cover-right{animation:1.3s cubic-bezier(.3,0,.25,1) both invitation-curtain-right}.opening-fade .invitation-cover-left{clip-path:none}.opening-fade .invitation-cover-right,.opening-fade .invitation-cover-flap{display:none}.opening-fade.is-open .invitation-opening-cover{animation:.9s both invitation-fade-away}.invitation-experience-controls{z-index:4;pointer-events:none;position:absolute;top:10px;right:10px}.invitation-experience-controls>div{gap:8px;display:flex}.invitation-experience-controls button{color:#5e574e;cursor:pointer;pointer-events:auto;background:#fffaf2ed;border:1px solid #ded9d1;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;display:grid;box-shadow:0 2px 10px #45352118}.invitation-experience-controls button:disabled{opacity:.6;cursor:wait}.invitation-experience-controls button:hover{background:#f4f0e9}.invitation-audio-message{color:#766b5d;margin:0 0 12px;font-size:12px}.invitation-particles{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.invitation-particles span{top:-6%;left:var(--particle-x);background:var(--particle-color);opacity:0;width:9px;height:13px;animation:invitation-particle-fall var(--particle-duration) var(--particle-delay) linear both;position:absolute}.particles-petals span{background:linear-gradient(135deg,#fff1ed,#db9ca1);border-radius:75% 15% 70% 20%;width:12px;height:17px}.particles-sparkles span{clip-path:polygon(50% 0,61% 38%,100% 50%,61% 61%,50% 100%,38% 61%,0 50%,38% 38%);background:#d6ad58;width:12px;height:12px}.particles-confetti span:nth-child(3n){border-radius:50%;width:9px;height:9px}@keyframes invitation-cover-away{0%,85%{visibility:visible}to{visibility:hidden}}@keyframes invitation-message-away{to{opacity:0;transform:translateY(-8px)}}@keyframes invitation-flap-away{to{opacity:0;transform:rotateX(180deg)}}@keyframes invitation-envelope-away{to{transform:translateY(110%)}}@keyframes invitation-curtain-left{to{transform:translate(-102%)}}@keyframes invitation-curtain-right{to{transform:translate(102%)}}@keyframes invitation-fade-away{to{opacity:0;visibility:hidden}}@keyframes invitation-particle-fall{0%{opacity:0;transform:translateY(0)rotate(0)}8%,75%{opacity:.85}to{opacity:0;transform:translate(var(--particle-drift),1000px) rotate(var(--particle-turn))}}@media (prefers-reduced-motion:reduce){.is-open .invitation-opening-cover{display:none}.invitation-experience *,.invitation-experience :before,.invitation-experience :after{transition:none!important;animation:none!important}.invitation-particles{display:none}}@media print{.invitation-opening-cover,.invitation-experience-controls,.invitation-particles,.invitation-audio-message{display:none!important}.is-closed .invitation-experience-art{visibility:visible}.invitation-experience-stage{box-shadow:none;overflow:visible}}.invitation-cover-seal{display:none}.invitation-experience-themed .invitation-experience-stage,.invitation-experience-themed .invitation-cover-left,.invitation-experience-themed .invitation-cover-right,.invitation-experience-themed .invitation-cover-flap{background:var(--invitation-paper)}.invitation-experience-themed .invitation-cover-left{background:linear-gradient(135deg,color-mix(in srgb,var(--invitation-paper),var(--invitation-accent) 15%),var(--invitation-paper))}.invitation-experience-themed .invitation-cover-right{background:linear-gradient(225deg,color-mix(in srgb,var(--invitation-paper),var(--invitation-accent) 23%),var(--invitation-paper))}.invitation-experience-themed .invitation-cover-flap{background:linear-gradient(180deg,var(--invitation-paper),color-mix(in srgb,var(--invitation-paper),var(--invitation-accent) 28%))}.invitation-experience-themed .invitation-cover-message{color:var(--invitation-ink)}.invitation-experience-themed .invitation-cover-eyebrow,.invitation-experience-themed .invitation-cover-message p,.invitation-experience-themed .invitation-music-hint{font-size:16px}.invitation-experience-themed .invitation-cover-message h3{font-size:clamp(26px,4vw,44px)}.invitation-experience-themed .invitation-cover-seal{border:4px double color-mix(in srgb,var(--invitation-accent),#fff 25%);background:var(--invitation-accent);color:#201a12;border-radius:50%;place-items:center;width:70px;height:70px;margin:0 auto 28px;font:italic 30px Georgia,serif;display:grid;box-shadow:0 6px 16px #0002,inset 0 0 0 4px #fff2}.invitation-experience-themed .invitation-open-button{color:#fff;background:#171717;border:0;min-height:48px;font-size:16px}.invitation-experience-themed.opening-curtain .invitation-cover-left,.invitation-experience-themed .opening-curtain .invitation-cover-left,.invitation-experience-themed .opening-curtain .invitation-cover-right{background:repeating-linear-gradient(90deg,var(--invitation-paper),color-mix(in srgb,var(--invitation-paper),var(--invitation-accent) 25%) 12%,var(--invitation-paper) 23%)}
