:root{--paper:#faf9f6;--sage:#3f503e;--ink:#526248;--muted:#65705f;--background:#95806b;--envelope:#eee8dd;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--background);font-family:Baskerville,Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}button:focus-visible{outline-offset:9px;outline:2px solid #46573b}button{-webkit-tap-highlight-color:transparent}.wedding{isolation:isolate;background:var(--background);flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:clip}.garden-light{z-index:-1;pointer-events:none;opacity:.6;mix-blend-mode:soft-light;background-image:url(/linen.svg);background-size:240px 240px;position:absolute;inset:0;overflow:hidden}.paper-grain,.backing-card:after,.envelope-pocket:after{content:"";pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.28' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:150px 150px;position:absolute;inset:0}.invitation{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100svh;padding:32px 25px 24px;display:flex}.ink-filter{position:absolute}.stage{aspect-ratio:5/7;perspective:1400px;width:min(520px,80vw,71.4286svh - 100px);margin:0;position:relative}.card-arrival{z-index:2;position:absolute;inset:0}.card-depth{width:100%;height:100%;transform-style:preserve-3d}.front-parallax,.backing-parallax{position:absolute;inset:0}.backing-card{background:var(--sage);box-shadow:none;border-radius:1px;position:absolute;inset:0}.backing-card:after{opacity:.48}.printed-card{background:var(--paper);cursor:pointer;touch-action:manipulation;isolation:isolate;border:0;border-radius:1px;width:100%;height:100%;padding:0;display:block;position:relative;box-shadow:0 12px 22px -10px #29312233}.printed-card:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:#d8d6ce;position:absolute;inset:0 0 -3px}.printed-card:disabled{cursor:default}.printed-card img{filter:url(#sage-ink);-webkit-user-select:none;user-select:none;border-radius:inherit;width:100%;height:100%;display:block}.paper-grain{opacity:.38;border-radius:inherit;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.64' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='1.5' intercept='-.23'/%3E%3CfeFuncG type='linear' slope='1.5' intercept='-.23'/%3E%3CfeFuncB type='linear' slope='1.5' intercept='-.23'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cpath filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px}.envelope{pointer-events:none;position:absolute;inset:-14px -18px}.envelope-back{z-index:1;background:#ddd4c6;border-radius:4px;box-shadow:0 25px 55px -20px #443a304d}.envelope-lining{background:#ded5c6;border-radius:3px;position:absolute;inset:9px}.envelope-flap{transform-origin:100%;clip-path:polygon(100% 0,100% 100%,0 50%);backface-visibility:visible;background:linear-gradient(#ded5c7,#f0ebe2);width:48%;height:100%;position:absolute;top:0;right:0}.envelope-front{z-index:3}.envelope-pocket{clip-path:polygon(0 0,100% 0,76% 50%,100% 100%,0 100%);background:linear-gradient(160deg, #f3eee5, var(--envelope));border-radius:3px;position:absolute;inset:0}.closed-flap{transform-origin:100%;backface-visibility:hidden;clip-path:polygon(100% 0,100% 100%,0 50%);background:#f0ebe2;position:absolute;inset:0 0 0 52%}.below-card{text-align:center;z-index:4;margin-top:24px;position:relative}.card-controls{justify-content:center;align-items:center;gap:18px;min-height:44px;display:flex}.replay-button{color:#faf6f0;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;justify-content:center;align-items:center;min-width:48px;min-height:48px;padding:0 3px;font-size:13px;-webkit-text-decoration:underline #faf6f066;text-decoration:underline #faf6f066;display:inline-flex}.replay-button svg{flex-shrink:0;width:28px;height:28px}.replay-button:hover{text-decoration-color:currentColor}.replay-button:disabled{opacity:.45;cursor:default}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1500px){.stage{width:min(560px,71.4286svh - 100px)}}@media (max-width:600px){.invitation{padding:28px 20px}.stage{width:min(80vw,71.4286svh - 100px)}.replay-button{font-size:13px}}@media (prefers-reduced-motion:reduce){.envelope,.replay-button{display:none}.card-arrival,.card-depth,.front-parallax,.backing-parallax{transform:none!important}*,:before,:after{scroll-behavior:auto!important}}