:root{--void: #0a0a0a;--void-lift: #151414;--card-bg: #3a3838;--card-mono: #2e2c2c;--paper: #fdfcfa;--paper-edge: #ece8e2;--paper-deep: #d5cfc7;--paper-int: #f2eee8;--type: #f4f1ec;--type-soft: rgba(244, 241, 236, .7);--type-faint: rgba(244, 241, 236, .4);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-flap: cubic-bezier(.42, 0, .28, 1);--ease-flip: cubic-bezier(.4, 0, .2, 1);--card-w: min(86vw, calc((100dvh - 44px)*.47) , 440px);--env-w: calc(var(--card-w) / .92);--env-settle: calc(var(--card-w) * .68);--card-raise: -49%;--card-rest: 72%;--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}@media(max-height:720px)and (orientation:portrait){:root{--card-w: min(86vw, calc((100dvh - 44px)*.51) , 440px);--env-settle: calc(var(--card-w) * .604);--card-raise: -38%}}@media(max-height:540px)and (orientation:landscape){:root{--card-w: min(calc((100dvh - 74px) * 5 / 7), 300px);--env-settle: calc(var(--card-w) * .911)}}@media(max-width:768px){:root{--noise: none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--void);font-family:Cormorant Garamond,Georgia,Times New Roman,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{width:100%;height:100%}.stage{position:relative;width:100%;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-tap-highlight-color:transparent}.stage.is-skipping .envelope-wrapper,.stage.is-skipping .env-flap,.stage.is-skipping .card{transition-duration:.62s}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 50% 46%,var(--void-lift) 0%,var(--void) 72%);pointer-events:none}.intro{position:absolute;top:50%;left:50%;width:clamp(104px,24vw,168px);aspect-ratio:1884 / 1812;transform:translate(-50%,-50%);z-index:60;pointer-events:none;color:var(--type);animation:introJourney 2.6s var(--ease-out-expo) forwards}.intro .monogram-mark{animation:introGlow 2.6s ease-in-out forwards}.intro:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.85) 48%,#fff 50%,rgba(255,255,255,.85) 52%,transparent 70%);background-size:260% 100%;-webkit-mask:url(../logo.png) center / contain no-repeat;mask:url(../logo.png) center / contain no-repeat;animation:introShimmer 1.9s linear forwards}@keyframes introJourney{0%{transform:translate(-50%,-50%) scale(1.9);opacity:0}18%{transform:translate(-50%,-50%) scale(1.78);opacity:1}76%{opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0;visibility:hidden}}@keyframes introGlow{0%{filter:drop-shadow(0 0 6px rgba(255,245,225,.15))}35%{filter:drop-shadow(0 0 26px rgba(255,245,225,.55))}to{filter:drop-shadow(0 0 0 transparent)}}@keyframes introShimmer{0%{background-position:260% 0;opacity:1}85%{background-position:-60% 0;opacity:1}to{background-position:-60% 0;opacity:0}}.monogram-mark{position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;-webkit-mask:url(../logo.png) center / contain no-repeat;mask:url(../logo.png) center / contain no-repeat}.cue{position:absolute;left:50%;top:74%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:7;pointer-events:none;opacity:0;transition:opacity .7s ease;white-space:nowrap;color:#1c19176b}.cue.is-visible{opacity:1}.cue__text{font-size:clamp(.62rem,2.6vw,.8rem);font-weight:400;font-style:italic;letter-spacing:.24em;text-indent:.24em}.cue__rule{width:34px;height:1px;background:linear-gradient(to right,transparent,currentColor,transparent);animation:cuePulse 2.6s ease-in-out infinite}@keyframes cuePulse{0%,to{opacity:.35;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1)}}@media(max-height:540px)and (orientation:landscape){.cue{top:20%}}@media(prefers-reduced-motion:reduce){.intro{display:none}.cue__rule{animation:none;opacity:.7}}.envelope-wrapper{position:relative;width:var(--env-w);flex-shrink:0;opacity:0;transform:translateY(0) scale(.94);transition:opacity .9s ease,transform 1.2s var(--ease-out-expo);z-index:5}.envelope-wrapper.is-visible{opacity:1;transform:translateY(0) scale(1)}.envelope-wrapper.is-settled{transform:translateY(var(--env-settle)) scale(1)}.envelope-wrapper:after{content:"";position:absolute;top:calc(100% - 1px);left:-200vw;right:-200vw;height:200vh;background:var(--void);z-index:10;pointer-events:none;transition:opacity .5s ease .2s}.envelope-wrapper.is-ready:after{opacity:0}.envelope{position:relative;width:100%;aspect-ratio:3 / 2;perspective:1100px;perspective-origin:50% 30%}.env-back{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--paper);background-image:linear-gradient(to bottom,#e4ded6 0%,#efeae4 26%,var(--paper) 52%),var(--noise);background-size:auto,200px 200px;border-radius:3px;z-index:1;box-shadow:0 0 0 1px #ffffff12,0 30px 80px #000000e6,0 10px 30px #000000b3}.env-fold{position:absolute;z-index:2;pointer-events:none;background:var(--paper-edge)}.env-fold--left{top:0;left:0;width:50%;height:100%;clip-path:polygon(0% 0%,30% 50%,0% 100%);opacity:.85}.env-fold--right{top:0;right:0;width:50%;height:100%;clip-path:polygon(100% 0%,70% 50%,100% 100%);opacity:.85}.env-fold--bottom{bottom:0;left:0;width:100%;height:50%;clip-path:polygon(0% 100%,50% 30%,100% 100%);opacity:.7}.env-front{position:absolute;top:44%;left:0;right:0;bottom:0;background-color:var(--paper-int);background-image:linear-gradient(160deg,#ffffffbf,#fff0 55%),var(--noise);background-size:auto,200px 200px;border-radius:0 0 3px 3px;box-shadow:inset 0 8px 18px #00000017;z-index:5;pointer-events:none}.env-flap{position:absolute;top:0;left:0;width:100%;height:46%;transform-origin:bottom center;transform:rotateX(0);transform-style:preserve-3d;z-index:6;pointer-events:none;transition:transform 2s var(--ease-flap)}.envelope-wrapper.is-open .env-flap{transform:rotateX(172deg);z-index:2}.env-flap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--paper);background-image:linear-gradient(to bottom,#ffffffe6,#00000009),var(--noise);background-size:auto,200px 200px;clip-path:polygon(0% 100%,5% 0%,95% 0%,100% 100%);backface-visibility:hidden;-webkit-backface-visibility:hidden}.env-flap__lining{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateX(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:var(--paper-int);background-image:linear-gradient(to top,#00000017,#00000003 45%,#ffffff80),var(--noise);background-size:auto,200px 200px;clip-path:polygon(0% 0%,5% 100%,95% 100%,100% 0%)}.env-flap:before{content:"";position:absolute;bottom:0;left:5%;right:5%;height:1px;background:linear-gradient(to right,transparent,var(--paper-deep) 18%,var(--paper-deep) 82%,transparent);opacity:.75;z-index:1}.env-seal{position:absolute;left:50%;top:52%;width:22%;aspect-ratio:1884 / 1812;transform:translate(-50%,-50%);color:var(--void);opacity:.82;z-index:2;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media(prefers-reduced-motion:reduce){.envelope-wrapper,.env-flap{transition:none}}.card{position:absolute;left:4%;width:92%;bottom:0;aspect-ratio:5 / 7;z-index:3;border-radius:2px;cursor:pointer;transform:translateY(var(--card-rest));transform-style:preserve-3d;transition:transform 2.6s var(--ease-out-expo),box-shadow .8s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;box-shadow:0 10px 30px #00000080}.card.is-risen{transform:translateY(var(--card-raise));box-shadow:0 40px 90px #000000d9,0 14px 34px #0000008c,0 0 0 1px #ffffff0d}.card.is-flipped{transform:translateY(var(--card-raise)) rotateY(180deg)}.card.is-ready{transition:transform .9s var(--ease-flip),box-shadow .4s ease}.card:focus-visible{outline:1px solid var(--type-faint);outline-offset:6px}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:var(--card-bg);background-image:var(--noise);background-size:200px 200px;color:var(--type);container-type:inline-size;font-weight:400;line-height:1.35}.card-face--back{transform:rotateY(180deg)}.mono-col{position:absolute;left:3cqi;top:10cqi;width:44cqi;height:118cqi;display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:var(--card-mono);font-weight:400;line-height:.7;-webkit-user-select:none;user-select:none;pointer-events:none}.mono-col span{display:block;font-size:50cqi}.mono-col span.amp{font-size:60cqi}.front-text{position:absolute;right:5cqi;left:33cqi;top:50cqi;text-align:right;display:flex;flex-direction:column;align-items:flex-end}.lead{font-size:max(3.3cqi,10px);font-weight:300;font-style:italic;letter-spacing:.01em}.couple{margin-top:6cqi;font-weight:400;font-size:inherit}.couple__name{display:block;font-size:4.8cqi;font-weight:400;text-transform:uppercase;letter-spacing:.03em;line-height:1.28;white-space:nowrap}.couple__and{display:block;font-size:3.1cqi;font-weight:300;font-style:italic;text-transform:none;letter-spacing:0;line-height:1.75}.details{margin-top:8cqi;font-size:max(3.7cqi,11px);font-weight:400;text-transform:uppercase;letter-spacing:.045em;line-height:1.66;font-variant-numeric:oldstyle-nums;font-feature-settings:"onum" 1}.details span{display:block}.closing{margin-top:6cqi;font-size:max(2.5cqi,9px);font-weight:300;font-style:italic;color:var(--type-soft);letter-spacing:.01em}.face-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:9cqi 9cqi 6cqi}.back-mono{position:relative;width:16cqi;aspect-ratio:1884 / 1812;color:var(--type);flex-shrink:0}.attire{margin-top:24cqi;font-size:max(4.4cqi,13px);font-weight:400;letter-spacing:.035em}.rsvp-by{margin-top:8cqi;font-size:max(4.6cqi,14px);font-weight:500;letter-spacing:.015em;line-height:1.45;font-variant-numeric:oldstyle-nums;font-feature-settings:"onum" 1}.rsvp-by span{display:block}.rsvp-by sup{font-size:.58em;vertical-align:.62em;margin-left:.04em}.scan-note{margin-top:7cqi;font-size:max(4.1cqi,12.5px);font-weight:400;letter-spacing:.015em}.qr-link{display:block;margin-top:5cqi;width:31cqi;padding:1.6cqi;background:#fff;border-radius:1px;line-height:0;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;transition:transform .3s var(--ease-out-expo),box-shadow .3s ease;box-shadow:0 6px 18px #00000059}.qr-link:hover,.qr-link:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px #00000080}.qr-link:active{transform:translateY(0)}.qr-link:focus-visible{outline:1px solid var(--type);outline-offset:4px}.qr-link img{display:block;width:100%;height:auto;image-rendering:pixelated}.qr-placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px dashed #b9b3ab;color:#6d6862;font-size:max(2.6cqi,9px);font-style:italic;letter-spacing:.06em;line-height:1.4;text-align:center;padding:2cqi}.password{margin-top:5cqi;font-size:max(3.1cqi,10px);font-weight:300;color:var(--type-soft);letter-spacing:.02em}@media(prefers-reduced-motion:reduce){.card{transition:none}}.inv2-stage{--inv2-card-w: min(92vw, calc((100dvh - 80px)*.7172) , 520px);--inv2-tuck: .82;--inv2-seam: 38%;--inv2-tip: 58%;--inv2-lap: 5%;position:relative;width:100%;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;-webkit-tap-highlight-color:transparent}.inv2-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 48%,var(--void-lift) 0%,var(--void) 74%);pointer-events:none}.inv2-scene{position:relative;animation:inv2Enter .9s var(--ease-out-expo) both}@keyframes inv2Enter{0%{opacity:0;transform:scale(.965)}to{opacity:1;transform:none}}.inv2-card-wrap{position:relative;width:var(--inv2-card-w);aspect-ratio:1428 / 1991}.inv2-card{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1600px;cursor:pointer;z-index:1;transform:scale(var(--inv2-tuck));box-shadow:0 10px 26px #0000;transition:transform 1.1s var(--ease-flap),box-shadow 1.1s var(--ease-flap)}.inv2-card.is-revealing{box-shadow:0 18px 44px #0000009e,0 6px 16px #0000006b}.inv2-card.is-full{transform:none;box-shadow:0 30px 72px #000c,0 10px 24px #0000008c}.inv2-card:not(.is-ready){cursor:default;pointer-events:none}.inv2-card:focus-visible{outline:1px solid var(--type-soft);outline-offset:8px}.inv2-card__flipper{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .9s var(--ease-flip)}.inv2-card.is-flipped .inv2-card__flipper{transform:rotateY(180deg)}.inv2-face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:3px;background:var(--card-bg);backface-visibility:hidden;-webkit-backface-visibility:hidden}.inv2-face--back{transform:rotateY(180deg)}.inv2-art{position:absolute;left:0;top:-.402%;width:100%;height:100.452%;display:block;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.inv2-qr{position:absolute;left:34.594%;top:61.577%;width:30.742%;height:22.049%;display:block}.inv2-qr.has-plate{background:#fff;box-shadow:0 0 0 3px #fff}.inv2-qr img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none}.inv2-card.is-flipped .inv2-qr.has-plate:before,.inv2-card.is-flipped .inv2-qr.has-plate:after{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border:1px solid rgba(244,241,236,.85);pointer-events:none;opacity:0;animation:inv2QrPing 2.2s ease-out 5}.inv2-card.is-flipped .inv2-qr.has-plate:after{animation-delay:1.1s}@keyframes inv2QrPing{0%{transform:scale(1);opacity:0}15%{opacity:.85}to{transform:scale(1.2);opacity:0}}.inv2-qr:focus-visible{outline:2px solid var(--void);outline-offset:3px}.inv2-env{position:absolute;left:50%;top:50%;width:calc(var(--inv2-tuck) * 103.5%);height:calc(var(--inv2-tuck) * 103.5%);transform:translate(-50%,-50%);perspective:1400px;z-index:2;pointer-events:none}@media(max-width:768px){.inv2-stage{--inv2-card-w: min(100vw, calc((100dvh - 80px)*.7172) )}.inv2-env{width:100vw;height:100dvh;perspective:2400px;--inv2-seam: 43%;--inv2-tip: 56.5%;--inv2-lap: 3.5%}}.inv2-env__panel{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .82s var(--ease-flap);will-change:transform,opacity}.inv2-env__panel--top{transform-origin:50% 0%;z-index:2}.inv2-env__panel--bottom{transform-origin:50% 100%;z-index:1}.inv2-env__cast{position:absolute;top:0;right:0;bottom:0;left:0}.inv2-env__panel--top .inv2-env__cast{filter:drop-shadow(0 7px 13px rgba(0,0,0,.34)) drop-shadow(0 20px 44px rgba(0,0,0,.65))}.inv2-env__panel--bottom .inv2-env__cast{filter:drop-shadow(0 26px 52px rgba(0,0,0,.85))}.inv2-env__paper{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--paper);background-size:auto,200px 200px}.inv2-env__panel--top .inv2-env__paper{clip-path:polygon(0 0,100% 0,100% var(--inv2-seam),50% var(--inv2-tip),0 var(--inv2-seam));background-image:linear-gradient(to bottom,#ffffffeb,#fff0 46%,#0000000e),var(--noise)}.inv2-env__panel--bottom .inv2-env__paper{--inv2-mouth: calc(var(--inv2-seam) - var(--inv2-lap));--inv2-notch: calc(var(--inv2-tip) - var(--inv2-lap));clip-path:polygon(0 var(--inv2-mouth),50% var(--inv2-notch),100% var(--inv2-mouth),100% 100%,0 100%);background-color:var(--paper-int);background-image:linear-gradient(165deg,#ffffffb3,#fff0 52%,#0000000d),var(--noise)}.inv2-seal{position:absolute;left:50%;top:var(--inv2-tip);width:27%;aspect-ratio:1;transform:translate(-50%,-50%)}.inv2-seal img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-drag:none}.inv2-env.is-unsealing .inv2-env__panel--top{transform:translateY(-1.6%) rotateX(9deg)}.inv2-env.is-unsealing .inv2-env__panel--bottom{transform:translateY(.4%)}.inv2-env.is-opening .inv2-env__panel{transition:transform 1.7s var(--ease-flap),opacity .9s ease .7s;opacity:0}.inv2-env.is-opening .inv2-env__panel--top{transform:translateY(-122%) rotateX(22deg)}.inv2-env.is-opening .inv2-env__panel--bottom{transform:translateY(122%);transition-delay:.11s,.81s}.inv2-cue{position:absolute;right:5.5%;bottom:3.4%;z-index:4;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none;white-space:nowrap;color:var(--type);opacity:0;transition:opacity .7s ease}.inv2-cue.is-visible{opacity:1}.inv2-cue__text{font-size:clamp(.74rem,3vw,.95rem);font-style:italic;letter-spacing:.26em;text-indent:.26em;animation:inv2CueBreathe 2.6s ease-in-out infinite}@keyframes inv2CueBreathe{0%,to{opacity:.6;text-shadow:none}50%{opacity:1;text-shadow:0 0 14px rgba(244,241,236,.35)}}.inv2-cue__rule{width:52px;height:1px;background:linear-gradient(to right,transparent,currentColor);animation:inv2CuePulse 2.6s ease-in-out infinite}@keyframes inv2CuePulse{0%,to{opacity:.4;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1)}}.inv2-replay{position:absolute;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:8;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:0;padding:6px 10px;font-family:inherit;font-size:clamp(.58rem,2.2vw,.7rem);font-style:italic;letter-spacing:.26em;text-indent:.26em;color:var(--type-faint);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .7s ease,color .25s ease}.inv2-replay.is-visible{opacity:1;pointer-events:auto}.inv2-replay:hover,.inv2-replay:focus-visible{color:var(--type-soft)}.inv2-stage.is-skipping .inv2-env__panel,.inv2-stage.is-skipping .inv2-card{transition-duration:.62s;transition-delay:0s}@media(prefers-reduced-motion:reduce){.inv2-scene{animation:none}.inv2-card,.inv2-card__flipper,.inv2-env__panel,.inv2-cue,.inv2-replay{transition:none}.inv2-cue__rule{animation:none;opacity:.7}.inv2-cue__text{animation:none;opacity:1}.inv2-card.is-flipped .inv2-qr.has-plate:before,.inv2-card.is-flipped .inv2-qr.has-plate:after{animation:none;opacity:.7}}