:root{--backdrop: #16211a;--env: #ece2cd;--env-light: #f5efe1;--env-dark: #d6c8aa;--env-flap: #e8dec6;--wax: #3f5c47;--wax-hi: #4d6b55;--wax-lo: #263c2d;--paper-1: #faf6ec;--paper-2: #f2ead9;--ink: #1f3d2c;--ink-soft: #40624c;--paper-muted: #8a8067;--sage: #7d8f79;--accent: #a3915f;--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-body: "Jost", -apple-system, BlinkMacSystemFont, sans-serif;--font-script: "Allura", "Snell Roundhand", cursive;--font-seal: "Sirivennela", "Allura", cursive;--paper-fibre: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.68' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}:root{color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);min-height:100vh;background:var(--backdrop);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:url(/assets/background2-BOlXvYjz.jpeg) center / cover no-repeat}#app{min-height:100vh}.stage{height:100vh;height:100svh;display:grid;place-items:safe center;perspective:1400px;padding:clamp(1.5rem,5vw,4rem);overflow:hidden}.envelope-scene,.letter{grid-area:1 / 1}.envelope-scene{display:flex;flex-direction:column;align-items:center;gap:clamp(1.5rem,5vw,2.5rem);transition:opacity .6s ease .55s,transform .8s cubic-bezier(.4,0,.2,1) .5s}.envelope{--env-w: min(88vw, 520px);position:relative;width:var(--env-w);height:calc(var(--env-w) * .66);border:0;padding:0;background:transparent;cursor:pointer;transform-style:preserve-3d;transition:transform .4s ease}.envelope:hover{transform:translateY(-4px)}.envelope:focus-visible{outline:2px solid var(--accent);outline-offset:12px;border-radius:10px}.env-shadow{position:absolute;left:8%;right:8%;bottom:-7%;height:20%;background:radial-gradient(50% 100% at 50% 0%,rgba(22,38,28,.3),transparent 70%);filter:blur(5px);z-index:0}.env-pocket{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;background:linear-gradient(155deg,var(--env-light),var(--env) 62%,var(--env-dark));box-shadow:inset 0 1px #ffffff8c,inset 0 -16px 26px #7a643c0f,0 0 0 1px #78643e1f,0 16px 34px #22281c4d;z-index:2}.env-pocket:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;background:linear-gradient(150deg,var(--env),var(--env-dark));clip-path:polygon(0 100%,100% 100%,50% 46%);opacity:.9}.env-pocket:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:var(--paper-fibre);opacity:.3;mix-blend-mode:multiply;pointer-events:none}.env-flap-wrap{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;overflow:hidden;z-index:5}.stage[data-state=open] .env-flap-wrap{overflow:visible}.env-flap{position:absolute;top:0;left:0;width:100%;height:62%;background:linear-gradient(180deg,var(--env-light),var(--env-flap) 72%,var(--env));clip-path:polygon(0% 0%,100% 0%,51.6% 97.1%,50% 98.4%,48.4% 97.1%);transform-origin:top center;transform:rotateX(0);filter:drop-shadow(0 5px 5px rgba(72,58,32,.2));transition:transform .85s cubic-bezier(.42,0,.18,1) .06s}.env-flap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--paper-fibre);opacity:.3;mix-blend-mode:multiply;pointer-events:none}.seal{--seal-size: clamp(54px, 15vw, 82px);position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:var(--seal-size);height:var(--seal-size);z-index:6;filter:drop-shadow(0 3px 6px rgba(0,0,0,.4))}.seal-half{position:absolute;left:0;width:100%;height:50%;overflow:hidden;transition:transform .5s cubic-bezier(.5,0,.3,1),opacity .55s ease .15s}.seal-top{top:0}.seal-bottom{bottom:0}.seal-top:after{content:"";position:absolute;left:7%;right:7%;bottom:0;height:1.5px;background:linear-gradient(90deg,#101c1426,#101c1499 50%,#101c1426);opacity:0;transition:opacity .4s ease}.disc{position:absolute;left:0;width:var(--seal-size);height:var(--seal-size);border-radius:50%;background:radial-gradient(circle at 36% 30%,var(--wax-hi),var(--wax) 55%,var(--wax-lo));box-shadow:inset 0 2px 4px #ffffff24,inset 0 -3px 6px #0006;display:grid;place-items:center;overflow:hidden}.seal-top .disc{top:0}.seal-bottom .disc{bottom:0}.seal-mono{font-family:var(--font-seal);font-size:clamp(1.9rem,6vw,2.9rem);line-height:1;letter-spacing:.02em;color:#e9e0cb;white-space:nowrap;text-shadow:0 1px 1px rgba(0,0,0,.35)}.hint{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.4em;font-size:clamp(.62rem,2.4vw,.74rem);color:#f7f3e9f2;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 12px rgba(0,0,0,.55);animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}.letter{position:relative;width:min(90vw,460px);background:linear-gradient(170deg,var(--paper-1),var(--paper-2));color:var(--ink);border-radius:3px;box-shadow:0 1px #fff9 inset,0 0 0 1px #786c4e1f,0 22px 50px #3c362638;padding:clamp(2.25rem,7vw,3.5rem) clamp(1.5rem,6vw,3rem);text-align:center;--fit: 1;opacity:0;transform:translateY(34px) scale(.5);transform-origin:center center;pointer-events:none;z-index:3;overflow:hidden;transition:opacity .7s ease .6s,transform .95s cubic-bezier(.2,.8,.2,1) .6s}.letter:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:var(--paper-fibre);opacity:.35;mix-blend-mode:multiply;pointer-events:none;z-index:0}.letter-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.sprig{color:var(--accent);fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;margin-bottom:1.1rem}.eyebrow{font-family:var(--font-body);text-transform:uppercase;font-weight:500;letter-spacing:.34em;font-size:clamp(.64rem,2.4vw,.78rem);color:var(--sage);margin-bottom:.85rem}.names{font-family:var(--font-display);font-weight:600;line-height:.98;font-size:clamp(2.6rem,12vw,3.9rem);color:var(--ink)}.names .name{display:block}.names .amp{font-style:italic;color:var(--accent);font-size:.7em;display:block;margin:.04em 0}.rule{width:64px;height:1px;margin:1.6rem 0;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.day{font-family:var(--font-body);text-transform:uppercase;font-weight:500;letter-spacing:.32em;font-size:clamp(.72rem,2.8vw,.9rem);color:var(--ink-soft);margin-bottom:.4rem}.date{font-family:var(--font-display);font-weight:500;font-size:clamp(1.7rem,7vw,2.4rem);color:var(--ink);line-height:1.02}.conjunction{font-family:var(--font-display);font-style:italic;font-size:clamp(1.1rem,4vw,1.5rem);color:var(--accent);margin:.35rem 0}.venue{font-family:var(--font-display);font-weight:500;font-size:clamp(1.7rem,7vw,2.4rem);color:var(--ink);line-height:1.02}.address{font-family:var(--font-body);text-transform:uppercase;font-weight:500;letter-spacing:.18em;font-size:clamp(.62rem,2.4vw,.72rem);color:var(--paper-muted);line-height:1.9;margin-top:1.1rem}.address-link{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(163,145,95,.5);padding-bottom:1px;transition:color .2s ease,border-color .2s ease}.address-link:hover,.address-link:focus-visible{color:var(--ink);border-color:var(--ink)}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(.5rem,3vw,1.25rem);width:100%;margin-top:clamp(1.75rem,5vw,2.5rem);padding-top:clamp(1.5rem,4vw,2rem);border-top:1px solid rgba(163,145,95,.35)}.unit{display:flex;flex-direction:column;align-items:center;gap:.4rem}.unit .value{font-family:var(--font-display);font-weight:500;font-size:clamp(1.5rem,7vw,2.2rem);color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}.unit .unit-label{font-family:var(--font-body);text-transform:uppercase;font-weight:500;letter-spacing:.18em;font-size:clamp(.5rem,2.2vw,.62rem);color:var(--sage)}.footnote{font-family:var(--font-display);font-style:italic;font-size:clamp(.95rem,3.2vw,1.15rem);color:var(--accent);margin-top:clamp(1.5rem,4vw,2rem)}.stage[data-state=open] .envelope-scene{opacity:0;transform:translateY(28px) scale(.94);pointer-events:none}.stage[data-state=open] .env-flap{transform:rotateX(178deg)}.stage[data-state=open] .seal-top{transform:translateY(-8px);opacity:0}.stage[data-state=open] .seal-bottom{transform:translateY(8px);opacity:0}.stage[data-state=open] .seal-top:after{opacity:1}.stage[data-state=open] .letter{opacity:1;transform:translateY(0) scale(var(--fit, 1));pointer-events:auto}.letter:focus{outline:none}@media (prefers-reduced-motion: reduce){.envelope-scene,.env-flap,.letter,.seal-half,.envelope{transition-duration:1ms}.hint{animation:none;opacity:.7}}