@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600;700&family=Great+Vibes&family=Marck+Script&family=Montserrat:wght@400;500;600&display=swap";:root{--bg:#f8e6e8;--paper:#fff9f4;--text:#5c1f2f;--olive:#6c704c;--olive-soft:#d8d3b5;--rose:#9d1f35;--rose-soft:#f0c9cf;--chocolate:#5a2130;--beige:#e8d8c5;--cream:#fff5ec;--muted:#7d4e59;--shadow:0 18px 48px #5d1f2f21;--radius:8px;--content-max:520px;--script:"Marck Script", "Great Vibes", cursive;--heading-script:"Great Vibes", "Marck Script", cursive;--serif:"Cormorant Garamond", Georgia, serif;--sans:"Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--bg);font-family:var(--sans);letter-spacing:0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(circle at 20% 8%, #fffaf4e0 0 12%, transparent 28%), radial-gradient(circle at 88% 4%, #9d1f3514 0 12%, transparent 34%), radial-gradient(circle at 84% 88%, #6c704c1a 0 12%, transparent 36%), linear-gradient(135deg, #ffffff6b, #f0c9cf47 46%, #fff9f461), var(--bg);min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}body:before{z-index:-1;pointer-events:none;content:"";opacity:.58;background-image:radial-gradient(circle at 1px 1px,#5d1f2f14 1px,#0000 0),linear-gradient(90deg,#9d1f3509 1px,#0000 1px),linear-gradient(0deg,#ffffff57 1px,#0000 1px);background-size:22px 22px,68px 68px,68px 68px;position:fixed;inset:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}img,svg{display:block}p,h1,h2,h3{margin:0}input,textarea{border-radius:var(--radius);width:100%;min-width:0;color:var(--text);background:#fffcf6e0;border:1px solid #5e6b423d}input{min-height:48px;padding:0 14px}textarea{resize:vertical;min-height:116px;padding:12px 14px}input:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #c879826b}#root{min-height:100svh}.app-shell{min-height:100svh;padding:12px 0 88px;position:relative}.invite-main{z-index:1;width:100%;max-width:var(--content-max);opacity:0;margin:0 auto;transition:opacity 1.45s .18s;position:relative}.app-shell.is-started .invite-main{opacity:1}.section{width:100%;padding:29px 20px}.section-inner{width:100%;max-width:var(--content-max);margin:0 auto}.script-title{color:var(--rose);font-family:var(--heading-script);text-align:center;margin-bottom:18px;font-size:clamp(3.3rem,14vw,4.65rem);font-weight:400;line-height:.9}.text{color:var(--muted);font-family:var(--serif);font-size:1.25rem;line-height:1.45}.soft-card{border-radius:var(--radius);background:linear-gradient(145deg, #ffffffb8, #fff4dcd1), var(--paper);box-shadow:var(--shadow);border:1px solid #9d1f3533}.ornament-frame{position:relative}.ornament-frame:before{border-radius:var(--radius);content:"";pointer-events:none;border:1px solid #9d1f3538;position:absolute;inset:10px}.pink-button{color:#fff9f4;background:linear-gradient(135deg, #ffffff2e, transparent), var(--rose);border:1px solid #82464129;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:12px 24px;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex;box-shadow:0 12px 28px #c8798240}.pink-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px #c8798252}.pink-button:disabled{opacity:.62;box-shadow:none;transform:none}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.reveal.is-visible{opacity:1;transform:translateY(0)}.intro-screen{z-index:20;background:radial-gradient(circle at 50% 44%,#fff9e7e0 0 13%,#0000 36%),radial-gradient(circle at 12% 16%,#eac2826b 0 16%,#0000 34%),radial-gradient(circle at 90% 84%,#70485247 0 15%,#0000 36%),linear-gradient(112deg,#d5b870 0%,#a39d72 34%,#747a5b 62%,#594943 100%);place-items:center;min-width:320px;padding:28px 18px;transition:opacity .32s .96s,transform .62s .76s;display:grid;position:fixed;inset:0;overflow:hidden}.intro-screen:before{pointer-events:none;content:"";opacity:.42;background-image:radial-gradient(circle at 1px 1px,#fff8e242 1px,#0000 0),linear-gradient(35deg,#fff4dc1c 0 1px,#0000 1px);background-size:18px 18px,54px 54px;position:absolute;inset:0}.intro-screen:after{pointer-events:none;content:"";filter:blur(8px);background:radial-gradient(at 50% 46%,#38221a42,#0000 68%),linear-gradient(135deg,#ffedd52e,#0000);border-radius:50%;width:min(72vw,720px);height:min(46vw,420px);position:absolute;inset:auto -12vw -20vh auto;transform:rotate(-12deg)}.intro-botanics{pointer-events:none;opacity:.36;filter:blur(.2px);background:radial-gradient(at 42% 12%,#3a4a2ab3 0 8%,#0000 9%),radial-gradient(at 60% 24%,#3a4a2ab3 0 7%,#0000 8%),radial-gradient(at 37% 38%,#3a4a2aad 0 8%,#0000 9%),radial-gradient(at 63% 52%,#3a4a2a99 0 7%,#0000 8%),linear-gradient(86deg,#0000 47%,#3a4a2aa8 49% 51%,#0000 53%);width:min(45vw,360px);height:min(72vh,620px);position:absolute;top:-70px;left:-56px;transform:rotate(-16deg)}.intro-botanics:before{content:"";background:#343a246b;border-radius:999px;width:9px;position:absolute;inset:5% 48% 0 auto}.intro-botanics:after{content:"";background:radial-gradient(at 28% 12%,#343a2461 0 8%,#0000 9%),radial-gradient(at 68% 24%,#343a2457 0 7%,#0000 8%),radial-gradient(at 30% 42%,#343a244d 0 8%,#0000 9%),radial-gradient(at 72% 60%,#343a2447 0 7%,#0000 8%);border-radius:50%;width:76%;height:78%;position:absolute;top:6%;left:12%}.intro-paper-stack{aspect-ratio:1.2;pointer-events:none;opacity:.18;background:linear-gradient(135deg,#fff7e5b8,#fff7e533),#fff7e561;border-radius:6px;width:min(22vw,230px);position:absolute;bottom:min(9vh,90px);right:min(9vw,110px);transform:rotate(-18deg);box-shadow:64px -32px #fff7e52e,118px -54px #fff7e51f}.intro-ribbon{pointer-events:none;opacity:.32;filter:blur(1px);background:linear-gradient(90deg,#0000 0 16%,#ffe8ce9e 17% 28%,#0000 29% 42%,#ffe8ce7a 43% 55%,#0000 56%),radial-gradient(#fff6e57a,#0000 72%);border-radius:50%;width:min(70vw,620px);height:180px;position:absolute;bottom:-40px;right:-120px;transform:rotate(-18deg)}.intro-envelope{z-index:1;aspect-ratio:1.18;width:min(90vw,520px);min-width:288px;color:var(--olive);perspective:1200px;transition:transform .62s cubic-bezier(.2,.75,.2,1);animation:.84s cubic-bezier(.2,.75,.2,1) both intro-rise;position:relative}.envelope-shadow{filter:blur(22px);background:#2b1f1957;border-radius:50%;height:16%;position:absolute;bottom:5%;left:8%;right:8%;transform:translateY(20px)}.envelope-back,.envelope-flap,.envelope-left,.envelope-right,.envelope-front,.envelope-letter{border-radius:var(--radius);transition:transform .76s cubic-bezier(.2,.75,.2,1),opacity .36s;position:absolute}.envelope-back{z-index:2;background:linear-gradient(130deg,#fff4da61,#0000 38%),linear-gradient(172deg,#f2d7a4,#d8b572 66%,#c99f60);border:1px solid #74572f2e;inset:34% 0 4%;box-shadow:inset 0 1px #ffffff6b,0 28px 58px #281c1652}.envelope-letter{z-index:1;background:radial-gradient(circle at 50% 22%, #f3d1d57a, transparent 32%), radial-gradient(circle at 1px 1px, #61433412 1px, transparent 0) 0 0 / 18px 18px, var(--paper);text-align:center;border:1px solid #5e6b4233;flex-direction:column;justify-content:flex-start;align-items:center;height:65%;padding:26px 26px 18px;transition:transform .9s cubic-bezier(.18,.72,.2,1),opacity .42s;display:flex;top:0;left:8%;right:8%;box-shadow:0 12px 24px #36261c1f,inset 0 0 0 9px #fff8ebe6}.envelope-letter:before{content:"";border:1px solid #5e6b4238;border-radius:6px;position:absolute;inset:14px}.letter-crest{z-index:1;color:#fffaf4;background:var(--rose);border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:10px;display:grid;position:relative;box-shadow:0 8px 16px #c8798238}.envelope-flap{z-index:0;clip-path:polygon(0 100%,50% 0,100% 100%);filter:drop-shadow(0 -14px 22px #2b1f191f);transform-origin:50% 100%;background:linear-gradient(120deg,#fff5de9e,#0000 42%),linear-gradient(#dfbd7d,#f3dba7);border:1px solid #74572f2e;inset:15% 0 44%}.envelope-left,.envelope-right,.envelope-front{z-index:2;border:1px solid #74572f1f;inset:34% 0 4%}.envelope-left{clip-path:polygon(0 0,54% 50%,0 100%);background:linear-gradient(110deg,#fff5de75,#0000 42%),linear-gradient(120deg,#d7b36d,#efd29a)}.envelope-right{clip-path:polygon(100% 0,46% 50%,100% 100%);background:linear-gradient(250deg,#fff6e070,#0000 44%),linear-gradient(250deg,#d3ad68,#efcf94)}.envelope-front{z-index:3;clip-path:polygon(0 100%,50% 45%,100% 100%);background:radial-gradient(circle at 50% 68%,#fff6e259,#0000 30%),linear-gradient(#f3d6a0,#d4aa66)}.intro-kicker{z-index:1;color:var(--olive);font-family:var(--serif);font-size:1.4rem;font-weight:600;line-height:1.1;position:relative}.intro-subtitle{z-index:1;color:var(--rose);font-family:var(--script);margin-top:2px;font-size:clamp(2.3rem,7vw,3.85rem);line-height:1;position:relative}.intro-names{z-index:1;color:var(--chocolate);font-family:var(--script);margin-top:2px;font-size:clamp(2rem,6vw,3.3rem);line-height:1;position:relative}.intro-date{z-index:1;color:var(--olive);font-family:var(--serif);margin-top:10px;font-size:1.2rem;font-weight:700;position:relative}.seal-button{z-index:5;color:#fffaf4;width:clamp(88px,19vw,110px);height:clamp(88px,19vw,110px);font-family:var(--serif);background:radial-gradient(circle at 30% 24%,#ffffff5c,#0000 24%),radial-gradient(circle at 68% 70%,#802c3238,#0000 34%),linear-gradient(145deg,#dc8f99,#bd6874);border:0;border-radius:50%;place-items:center;font-size:1.02rem;font-weight:700;transition:opacity .26s,transform .42s cubic-bezier(.2,.75,.2,1);animation:1.8s ease-in-out infinite seal-pulse;display:grid;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 2px 8px #ffffff47,inset 0 -10px 18px #58272c2e,0 16px 28px #58272c52}.seal-button:before{content:"";border:1px solid #fff8eb66;border-radius:50%;position:absolute;inset:9px}.seal-button__mark{opacity:.72;margin-bottom:-16px;font-size:1rem;line-height:1;display:block}.intro-screen.is-leaving{opacity:0;pointer-events:none;transform:scale(1.02)}.intro-screen.is-leaving .intro-envelope{transform:translateY(-26px)scale(.98)}.intro-screen.is-leaving .envelope-letter{opacity:1;transform:translateY(-30%)scale(1.02)}.intro-screen.is-leaving .envelope-flap{transform:rotateX(178deg)}.intro-screen.is-leaving .envelope-front{transform:translateY(18px)}.intro-screen.is-leaving .envelope-left{transform:translate(-8px)rotate(-1deg)}.intro-screen.is-leaving .envelope-right{transform:translate(8px)rotate(1deg)}.intro-screen.is-leaving .seal-button{opacity:0;animation:none;transform:translate(-50%,-50%)scale(.7)}.intro-screen{background:radial-gradient(circle at 50% 38%,#fff9f4d1 0 14%,#0000 34%),radial-gradient(circle at 18% 12%,#9d1f351a 0 10%,#0000 30%),radial-gradient(circle at 86% 88%,#6c704c1f 0 12%,#0000 34%),linear-gradient(135deg,#f2cfd6,#fff3ef 44%,#efd1d8);transition:opacity .32s 1.12s,visibility .32s 1.12s}.intro-screen:before{opacity:.42;background-image:radial-gradient(circle at 1px 1px,#5d1f2f1f 1px,#0000 0),linear-gradient(35deg,#ffffff38 0 1px,#0000 1px)}.intro-screen:after{filter:blur(18px);background:radial-gradient(#9d1f351f,#0000 70%);width:min(68vw,620px);height:min(38vw,360px);inset:auto auto -12vh -18vw}.intro-envelope-scene{z-index:3;color:#fffaf6;background:radial-gradient(circle at 50% 44%,#fff9f41f,#0000 30%),linear-gradient(145deg,#e9c2ca,#d99cad);width:min(100vw,960px);height:min(100svh,680px);min-height:560px;position:relative;overflow:hidden;box-shadow:0 28px 80px #5d1f2f33}.intro-envelope-flap{z-index:2;background:linear-gradient(145deg,#ffffff2e,#0000),#dca3b1;transition:transform 1.2s cubic-bezier(.72,0,.18,1),opacity .42s .68s;position:absolute}.intro-envelope-flap:before{content:"";pointer-events:none;border:4px solid #9d1f35e6;position:absolute;inset:0}.intro-envelope-flap--top{clip-path:polygon(0 0,100% 0,100% 10%,50% 100%,0 10%);transform-origin:50% 0;align-content:center;justify-items:center;gap:4px;height:51%;display:grid;top:-2px;left:14%;right:14%}.intro-envelope-flap--top p{text-transform:uppercase;font-size:clamp(1.4rem,3.8vw,2rem)}.intro-envelope-flap--top strong{font-family:var(--script);font-size:clamp(2.2rem,5.6vw,3.9rem);font-weight:400;line-height:.9}.intro-envelope-flap--bottom{clip-path:polygon(50% 0,100% 90%,100% 100%,0 100%,0 90%);transform-origin:50% 100%;align-content:center;justify-items:center;height:51%;display:grid;bottom:-2px;left:14%;right:14%}.intro-envelope-flap--bottom p{text-align:center;width:min(78%,340px);font-size:clamp(1rem,2.7vw,1.22rem);line-height:1.25}.intro-screen.is-leaving{opacity:0;pointer-events:none;transition:opacity .32s 1.5s,visibility .32s 1.5s}.intro-screen{background-color:#c37b8d;background-image:radial-gradient(circle,#fff5f829,#0000 30%),linear-gradient(145deg,#ffffff1a,#0000);transition:background-color 1.5s .18s,opacity .32s 1.76s,visibility .32s 1.76s}.intro-screen:before,.intro-screen:after{display:none}.intro-envelope-scene{width:min(100%,1180px);height:100%;min-height:0;box-shadow:none;isolation:isolate;cursor:pointer;background:0 0;margin:0 auto;position:absolute;inset:0;overflow:hidden}.intro-envelope-scene:before{z-index:0;pointer-events:none;content:"";opacity:.78;background:radial-gradient(circle,#fff9f42e,#0000 24%),linear-gradient(145deg,#ffffff1a,#0000);transition:opacity 1.28s .18s;position:absolute;inset:0}.intro-envelope-flap{z-index:2;filter:drop-shadow(0 8px 14px #5d1f2f29);background:radial-gradient(circle at 50% 42%,#ffffff2e,#0000 28%),linear-gradient(145deg,#ffffff26,#78233a14),#c9798e;transition:transform 1.45s cubic-bezier(.72,0,.18,1) .16s,opacity .28s 1.5s}.intro-envelope-flap:before{content:"";pointer-events:none;border:3px solid #ff7fabbd;display:block;position:absolute;inset:0}.intro-envelope-flap--top{clip-path:polygon(0 0,100% 0,100% 10%,50% 100%,0 10%);height:52%;top:0;left:clamp(14px,4vw,58px);right:clamp(14px,4vw,58px)}.intro-envelope-flap--bottom{clip-path:polygon(50% 0,100% 90%,100% 100%,0 100%,0 90%);height:52%;bottom:0;left:clamp(14px,4vw,58px);right:clamp(14px,4vw,58px)}.intro-fold{z-index:4;pointer-events:none;transform-origin:0;background:linear-gradient(90deg,#ff7fabb8,#ff7fab1f);border-radius:999px;width:min(50vw - 38px,500px);height:2px;transition:opacity .36s .94s,transform 1.45s cubic-bezier(.72,0,.18,1) .16s;position:absolute;top:50%;left:50%;box-shadow:0 0 8px #9d1f3529}.intro-fold--top-left{transform:rotate(218deg)}.intro-fold--top-right{transform:rotate(-38deg)}.intro-fold--bottom-left{transform:rotate(142deg)}.intro-fold--bottom-right{transform:rotate(38deg)}.intro-open-instruction{z-index:6;color:#fffaf6;font-family:var(--sans);text-align:center;text-shadow:0 6px 18px #5d1f2f33;font-size:clamp(1rem,4.2vw,1.5rem);font-weight:600;line-height:1.22;position:absolute;bottom:clamp(88px,17svh,150px);left:24px;right:24px}.intro-seal-button{background:radial-gradient(circle at 35% 28%,#ffffff8c,#0000 23%),radial-gradient(circle,#f8bdca 0 54%,#c95b75 55% 66%,#ef8fb0 67%);box-shadow:inset 0 0 0 8px #9d1f3538,inset 0 -12px 20px #5d1f2f38,0 22px 48px #5d1f2f57}.intro-screen.is-leaving{opacity:0;pointer-events:none;background-color:#f8e6e800;background-image:radial-gradient(circle,#fff5f800,#0000 30%),linear-gradient(145deg,#fff0,#0000);transform:none}.intro-screen.is-leaving .intro-envelope-scene:before{opacity:0}.intro-screen.is-leaving .intro-title,.intro-screen.is-leaving .intro-open-instruction{opacity:0;transition:opacity .26s}.intro-screen.is-leaving .intro-fold{opacity:0}.intro-screen.is-leaving .intro-fold--top-left{transform:rotate(218deg)translate(14vw)}.intro-screen.is-leaving .intro-fold--top-right{transform:rotate(-38deg)translate(14vw)}.intro-screen.is-leaving .intro-fold--bottom-left{transform:rotate(142deg)translate(14vw)}.intro-screen.is-leaving .intro-fold--bottom-right{transform:rotate(38deg)translate(14vw)}.intro-screen{background:radial-gradient(circle at 50% 22%,#fff8f633,#0000 30%),linear-gradient(145deg,#d39aaa 0%,#c67f94 48%,#bd7289 100%);place-items:center;padding:clamp(18px,4vw,42px);transition:background-color 1.3s .12s,opacity .36s 1.5s,visibility .36s 1.5s;display:grid}.intro-cover{z-index:2;cursor:pointer;align-content:center;justify-items:center;gap:clamp(22px,5svh,44px);width:min(100%,760px);min-height:calc(100svh - clamp(36px,8vw,84px));display:grid;position:relative}.intro-cover-title{z-index:6;color:#fffaf6;max-width:min(92vw,620px);font-family:var(--heading-script);text-align:center;text-shadow:0 8px 28px #5d1f2f38;margin:0;font-size:clamp(3.3rem,13vw,6.8rem);font-weight:400;line-height:.82;position:relative}.intro-mail{aspect-ratio:1.48;color:#fffaf6;perspective:1200px;filter:drop-shadow(0 28px 44px #5d1f2f47);width:min(86vw,620px);min-width:284px;position:relative}.intro-mail__back,.intro-mail__letter,.intro-mail__flap,.intro-mail__front{border-radius:10px;position:absolute;inset:0}.intro-mail__back{z-index:1;background:radial-gradient(circle at 50% 38%,#ffffff29,#0000 30%),linear-gradient(145deg,#d596a7,#c77f94 58%,#bb7188);border:2px solid #ffa1bed1;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #5d1f2f1a}.intro-mail__letter{z-index:0;color:#9d1f359e;font-family:var(--heading-script);text-align:center;background:radial-gradient(circle at 1px 1px,#5d1f2f0a 1px,#0000 0) 0 0/16px 16px,#fff8f2;align-content:center;justify-items:center;gap:0;font-size:clamp(2rem,8vw,3.6rem);line-height:.9;display:grid;inset:10% 9% 28%;box-shadow:0 12px 26px #5d1f2f1a}.intro-mail__flap{z-index:2;overflow:hidden}.intro-mail__flap--top{z-index:4;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;background:linear-gradient(#ffffff1f,#0000 55%),linear-gradient(145deg,#d99bab,#c77d93);height:58%;transition:transform .95s cubic-bezier(.2,.72,.2,1)}.intro-mail__flap--left{clip-path:polygon(0 0,58% 50%,0 100%);background:linear-gradient(100deg,#ffffff2e,#0000 45%),linear-gradient(135deg,#cf8fa0,#c27a90)}.intro-mail__flap--right{clip-path:polygon(100% 0,42% 50%,100% 100%);background:linear-gradient(260deg,#ffffff24,#0000 48%),linear-gradient(225deg,#c98296,#bc7188)}.intro-mail__front{z-index:3;clip-path:polygon(0 35%,50% 72%,100% 35%,100% 100%,0 100%);background:radial-gradient(circle at 50% 62%,#ffffff29,#0000 32%),linear-gradient(#ffffff0f,#0000),linear-gradient(145deg,#cf8ba0,#bd7289);border:2px solid #ffa1beb8;border-top:0}.intro-mail__seal{z-index:7;aspect-ratio:1;width:clamp(82px,18vw,118px);color:var(--rose);font-family:var(--serif);text-transform:uppercase;background:radial-gradient(circle at 34% 26%,#ffffffa3,#0000 24%),radial-gradient(circle,#f7c1cb 0 55%,#d67286 56% 68%,#c65c74 69%);border-radius:50%;place-items:center;font-size:clamp(.78rem,2.7vw,1rem);font-weight:700;transition:opacity .26s,transform .54s cubic-bezier(.2,.72,.2,1);display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 8px #9d1f352e,inset 0 -12px 20px #5d1f2f2e,0 16px 34px #5d1f2f4d}.intro-mail__seal:before{content:"";border:1px solid #fff8f69e;border-radius:50%;position:absolute;inset:10px}.intro-cover-hint{z-index:6;color:#fffaf6;max-width:min(88vw,440px);font-family:var(--sans);text-align:center;text-shadow:0 8px 22px #5d1f2f38;margin:0;font-size:clamp(1rem,3.6vw,1.28rem);font-weight:600;line-height:1.24;position:relative}.intro-cover-button{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.intro-screen.is-leaving .intro-cover-title,.intro-screen.is-leaving .intro-cover-hint{opacity:0;transition:opacity .24s}.intro-screen.is-leaving .intro-mail__seal{opacity:0;transform:translate(-50%,-84%)scale(.5)rotate(-14deg)}.intro-screen.is-leaving .intro-mail__flap--top{transform:rotateX(178deg)}.intro-screen.is-leaving .intro-mail__letter{transition:transform .95s cubic-bezier(.2,.72,.2,1) .12s;transform:translateY(-20%)}@media (width<=430px){.intro-cover{gap:28px}.intro-cover-title{font-size:clamp(3rem,16vw,4.1rem)}.intro-mail{width:88vw}}.intro-screen{background-color:#c37b8d;background-image:radial-gradient(circle,#fff5f824,#0000 32%),linear-gradient(145deg,#ffffff14,#0000);padding:0;transition:background-color 1.4s .16s,opacity .32s 1.64s,visibility .32s 1.64s;display:block}.intro-envelope-flap{z-index:2;filter:drop-shadow(0 10px 18px #5d1f2f24);background:radial-gradient(circle at 50% 44%,#ffffff1f,#0000 26%),linear-gradient(145deg,#ffffff1a,#78233a14),#c98299;border:0;transition:transform 1.45s cubic-bezier(.72,0,.18,1) .15s,opacity .28s 1.46s;display:block;position:absolute;left:0;right:0}.intro-envelope-flap:before{display:none}.intro-envelope-flap--top{clip-path:polygon(0 0,100% 0,100% 18%,50% 100%,0 18%);height:55%;top:0}.intro-envelope-flap--bottom{clip-path:polygon(50% 0,100% 82%,100% 100%,0 100%,0 82%);height:55%;bottom:0}.intro-open-instruction{z-index:6;color:#fffaf6;width:auto;font-family:var(--sans);text-align:center;text-shadow:0 8px 22px #5d1f2f3d;margin:0;font-size:clamp(1rem,4.2vw,1.42rem);font-weight:700;line-height:1.18;position:absolute;bottom:clamp(86px,15svh,146px);left:28px;right:28px}.intro-seal-button{z-index:7;aspect-ratio:1;width:clamp(86px,18vw,126px);color:var(--rose);font-family:var(--serif);text-transform:uppercase;background:radial-gradient(circle at 34% 26%,#ffffff9e,#0000 24%),radial-gradient(circle,#f7c1cb 0 55%,#d67286 56% 68%,#c65c74 69%);border:0;border-radius:50%;place-items:center;font-size:clamp(.78rem,2.6vw,1.02rem);font-weight:700;transition:opacity .26s,transform .54s cubic-bezier(.72,0,.18,1);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 8px #9d1f352e,inset 0 -12px 20px #5d1f2f2e,0 16px 34px #5d1f2f4d}.intro-seal-button:before{content:"";border:1px solid #fff8f69e;border-radius:50%;position:absolute;inset:10px}.intro-screen.is-leaving{opacity:0;pointer-events:none;background-color:#f8e6e800;transform:none}@media (width<=430px){.intro-title{font-size:clamp(3.8rem,18vw,5rem);top:clamp(82px,14svh,118px)}.intro-envelope-flap--top,.intro-envelope-flap--bottom{height:56%}.intro-envelope-flap--top{clip-path:polygon(0 0,100% 0,100% 74%,50% 100%,0 74%)}.intro-envelope-flap--bottom{clip-path:polygon(50% 0,100% 26%,100% 100%,0 100%,0 26%)}}.music-button{right:max(14px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));z-index:12;min-width:92px;min-height:46px;color:var(--olive);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff8ebeb;border:1px solid #5e6b4233;border-radius:999px;align-items:center;gap:7px;padding:8px 13px;display:inline-flex;position:fixed;box-shadow:0 12px 32px #4c39262e}.music-button:disabled{opacity:.56}.music-button.is-playing{color:#fff9f4;background:var(--olive)}.music-button__icon{width:28px;height:28px;color:inherit;background:#c879822e;border-radius:50%;place-items:center;display:inline-grid}.music-button__text{font-size:.78rem;font-weight:600}.hero-section{padding-top:18px}.couple-names-section{padding-top:18px;padding-bottom:20px}.couple-names-inner{border-radius:var(--radius);min-height:clamp(520px,128vw,680px);color:var(--rose);background:radial-gradient(circle at 1px 1px, #5d1f2f0b 1px, transparent 0) 0 0 / 18px 18px, linear-gradient(145deg, #ffffffad, #fff9f4eb), var(--paper);box-shadow:var(--shadow);border:1px solid #9d1f3538;align-content:center;justify-items:center;gap:clamp(8px,2.6vw,16px);padding:clamp(84px,18vw,112px) clamp(28px,8vw,54px) clamp(48px,11vw,70px);display:grid;position:relative}.couple-names-inner:before,.couple-names-inner:after{content:"";border-top:1px solid #9d1f3538;border-bottom:1px solid #9d1f3538;width:30px;position:absolute;top:9%;bottom:9%}.couple-names-inner:before{border-left:1px solid #9d1f3538;left:16px}.couple-names-inner:after{border-right:1px solid #9d1f3538;right:16px}.couple-top-heart{width:clamp(58px,16vw,88px);color:var(--rose);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:5px;position:absolute;top:clamp(26px,7vw,44px);left:50%;transform:translate(-50%)}.couple-frame-line{color:#9d1f3594;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.7px;width:26px;height:64%;position:absolute;top:18%;bottom:18%}.couple-frame-line--left{left:26px}.couple-frame-line--right{right:26px}.couple-name{max-width:100%;color:var(--rose);font-family:var(--heading-script);letter-spacing:0;text-align:center;font-size:clamp(3.25rem,14vw,5rem);font-weight:400;line-height:1.02}.couple-ampersand{color:var(--rose);font-family:var(--serif);margin:0 0 clamp(15px,2.5vw,28px);font-size:clamp(2.45rem,9vw,3.6rem);font-style:italic;font-weight:600;line-height:1}.couple-note{max-width:350px;color:var(--rose);font-family:var(--sans);text-align:center;margin-top:clamp(10px,4vw,18px);font-size:clamp(1.08rem,4.5vw,1.42rem);font-weight:500;line-height:1.25}.couple-date{color:var(--rose);font-family:var(--sans);text-align:center;margin-top:clamp(10px,4vw,22px);font-size:clamp(2.18rem,11vw,3.45rem);font-weight:500;line-height:1}.hero-inner{gap:0;display:grid}.main-photo-frame{aspect-ratio:2/3;border-radius:var(--radius);background:var(--cream);width:min(100%,430px);box-shadow:var(--shadow);border:1px solid #9d1f3538;margin:0 auto;overflow:hidden}.main-photo-frame img{object-fit:cover;object-position:center center;width:100%;height:100%}.decor-photo-frame{border-radius:var(--radius);background:var(--cream);width:min(100%,430px);box-shadow:var(--shadow);border:1px solid #9d1f3538;margin-left:auto;margin-right:auto;overflow:hidden}.decor-photo-frame img{object-fit:cover;object-position:center center;width:100%;height:100%}.pre-rsvp-photo-section{padding-top:18px;padding-bottom:18px}.pre-rsvp-photo-frame{aspect-ratio:4/5}.ending-photo-frame{aspect-ratio:4/5;margin-top:24px}.dress-reference{border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow);border:1px solid #9d1f3538;position:relative;overflow:hidden}.dress-reference img{object-fit:cover;object-position:center center;width:100%;height:100%}.image-placeholder{width:100%;height:100%;min-height:230px;color:var(--olive);font-family:var(--script);text-align:center;background:radial-gradient(circle at 50% 38%, #f3d1d5a8, transparent 35%), linear-gradient(145deg, #ffffffb8, #c7cda870), var(--cream);place-items:center;padding:28px;font-size:2.4rem;display:grid}.image-placeholder span{background:#fff8eb8a;border:1px solid #5e6b4238;border-radius:50%;justify-content:center;align-items:center;min-height:112px;padding:22px;display:inline-flex}.image-placeholder--small span{min-height:92px;font-size:.82em}.hero-card{text-align:center;background:radial-gradient(circle at 1px 1px, #5d1f2f0b 1px, transparent 0) 0 0 / 18px 18px, linear-gradient(145deg, #ffffffc2, #fff9f4f2), var(--paper);border-color:#9d1f3557;align-content:center;gap:22px;padding:clamp(44px,9vw,64px) clamp(30px,7vw,54px);display:grid}.hero-heart,.hero-monogram{color:var(--rose);justify-content:center;align-items:center;line-height:1;display:inline-flex}.hero-heart{font-size:1.15rem;position:absolute;top:18px;left:50%;transform:translate(-50%)}.hero-monogram{margin-top:18px;font-size:1.35rem}.frame-line{color:#9d1f359e;width:24px;position:absolute;top:48px;bottom:44px}.frame-line--left{left:14px}.frame-line--right{right:14px;transform:scaleX(-1)}.hero-title{color:var(--rose);font-family:var(--script);gap:0;font-size:3.8rem;font-weight:400;line-height:.86;display:grid}.hero-title__amp{color:var(--rose);font-size:.72em}.hero-text{max-width:360px;color:var(--rose);margin:0 auto;font-size:clamp(1.03rem,4.4vw,1.24rem);line-height:1.24}.hero-date{color:var(--chocolate);font-family:var(--serif);margin-top:22px;font-size:1.72rem;font-weight:700;display:inline-flex}.invite-heading{max-width:360px;color:var(--rose);font-family:var(--serif);margin:0 auto;font-size:clamp(3.3rem,12vw,4.7rem);font-weight:500;line-height:.9}.invite-signature{max-width:320px;color:var(--rose);font-family:var(--serif);text-align:right;margin:4px auto 0;font-size:1.2rem;font-style:italic;line-height:1.3}.gallery-text,.form-intro{text-align:center;margin:0 auto 18px}.gallery-grid{gap:12px;display:grid}.gallery-card{aspect-ratio:4/5;border-radius:var(--radius);background:var(--cream);min-width:0;box-shadow:var(--shadow);border:1px solid #5e6b422e;margin:0;position:relative;overflow:hidden}.gallery-card--2{aspect-ratio:1}.gallery-card--3{aspect-ratio:5/4}.gallery-card img{object-fit:cover;width:100%;height:100%}.image-placeholder--gallery{min-height:240px;font-size:2rem}.calendar-card{padding:20px}.calendar-card--compact{border-color:#9d1f353d;border-radius:8px;padding:34px 22px 20px}.calendar-month{color:var(--rose);font-family:var(--serif);text-align:center;letter-spacing:0;font-variant-numeric:lining-nums tabular-nums;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px;margin-bottom:22px;font-size:clamp(1.28rem,5vw,1.62rem);font-weight:700;display:flex}.calendar-month span{font-size:1em;line-height:1}.compact-calendar{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:clamp(6px,3vw,18px);display:grid}.compact-calendar-day{min-width:0;color:var(--rose);font-family:var(--serif);justify-items:center;gap:6px;display:grid}.compact-calendar-weekday{font-size:.82rem;font-weight:700;line-height:1}.compact-calendar-number{width:min(100%,60px);height:56px;color:var(--rose);font-variant-numeric:lining-nums tabular-nums;background:#fff9f48a;border:1px solid #9d1f358a;border-radius:8px;justify-content:center;align-items:center;font-size:clamp(1.25rem,5vw,1.62rem);font-weight:700;line-height:1;display:flex}.compact-calendar-day.is-target .compact-calendar-number{color:#fffaf6;background:radial-gradient(circle at 34% 28%, #ffffff4d, transparent 26%), var(--rose);clip-path:polygon(50% 94%,8% 55%,4% 27%,18% 10%,38% 12%,50% 24%,62% 12%,82% 10%,96% 27%,92% 55%);border:0;justify-content:center;align-items:center;width:64px;height:58px;padding-bottom:3px;animation:1.9s ease-in-out infinite calendar-heart-pulse;box-shadow:0 12px 26px #9d1f353d}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.calendar-weekday,.calendar-day{aspect-ratio:1;min-width:0;font-family:var(--serif);border-radius:50%;place-items:center;display:grid}.calendar-weekday{color:var(--rose);font-size:.95rem;font-weight:700}.calendar-day{z-index:0;color:var(--olive);font-size:1.05rem;font-weight:600;position:relative}.calendar-day.is-empty{visibility:hidden}.calendar-day.is-target{color:#fffaf6}.calendar-day.is-target:before{z-index:-1;background:radial-gradient(circle at 34% 28%, #ffffff47, transparent 30%), var(--rose);content:"";border-radius:50% 50% 48% 48%;position:absolute;inset:6%;transform:rotate(-8deg);box-shadow:0 10px 24px #c8798238}.countdown-label{width:fit-content;max-width:calc(100% - 32px);color:var(--rose);font-family:var(--script);text-align:center;border-top:1px solid #5e6b4229;margin-top:18px;margin-left:auto;margin-right:auto;padding-top:16px;font-size:clamp(1.55rem,6vw,2rem);line-height:1}.countdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.countdown-item,.countdown-past{border-radius:var(--radius);text-align:center;background:#fff8ebb8;border:1px solid #5e6b4229;min-width:0;padding:12px 6px}.countdown-item strong{color:var(--olive);font-family:var(--serif);font-size:1.45rem;line-height:1;display:block}.countdown-item span{color:var(--muted);margin-top:4px;font-size:.72rem;display:block}.countdown-past{color:var(--olive);grid-column:1/-1;font-weight:600}.timeline-wrap{--timeline-progress:8%;--timeline-line-left:24px;--timeline-line-width:2px;--timeline-line-center:calc(var(--timeline-line-left) + var(--timeline-line-width) / 2);margin-top:22px;position:relative}.timeline-wrap:before{top:18px;bottom:18px;left:var(--timeline-line-left);width:var(--timeline-line-width);background:radial-gradient(circle, var(--olive) 1.7px, transparent 2px) 0 0 / 2px 15px, linear-gradient(var(--olive-soft), var(--olive-soft));content:"";border-radius:999px;position:absolute}.timeline-heart{top:var(--timeline-progress);left:var(--timeline-line-center);z-index:2;color:#fffaf4;background:var(--rose);will-change:top;border-radius:50%;place-items:center;width:30px;height:30px;transition:top .16s linear,box-shadow .2s;animation:1.9s ease-in-out infinite timeline-heart-float;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 20px #c879823d}.timeline{gap:14px;margin:0;padding:0 0 0 58px;list-style:none;display:grid}.timeline-item{border-radius:var(--radius);background:#fff8ebb8;border:1px solid #5e6b4229;align-items:center;gap:12px;padding:14px;transition:border-color .2s,transform .2s,background .2s;display:flex}.timeline-icon{width:44px;height:44px;color:var(--olive);background:#c7cda842;border-radius:50%;flex:0 0 44px;place-items:center;display:grid}.timeline-content time{color:var(--rose);font-family:var(--serif);font-size:1.38rem;font-weight:700}.timeline-content p{color:var(--text);font-size:.98rem}.timeline-wrap{--timeline-progress:8%;--timeline-x:50%;--timeline-line-left:50%;--timeline-line-width:0;--timeline-line-center:var(--timeline-x);min-height:700px;margin-top:26px;padding:28px 0}.timeline-wrap:before{display:none}.timeline-path{width:min(62%,260px);height:calc(100% - 56px);color:var(--rose);pointer-events:none;position:absolute;top:28px;bottom:28px;left:50%;overflow:visible;transform:translate(-50%)}.timeline-path path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.55px}.timeline-static-rings{z-index:2;color:#745c52b3;pointer-events:none;width:112px;position:absolute;top:6px;left:50%;transform:translate(-50%,-42%)}.timeline-static-rings svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.25px;width:100%;height:auto}.timeline-heart{top:var(--timeline-heart-top,8%);left:var(--timeline-heart-left,50%);color:#fffaf6;width:66px;height:60px;font-family:var(--serif);background:radial-gradient(circle at 35% 30%, #ffffff4d, transparent 26%), var(--rose);filter:drop-shadow(0 8px 14px #5c1f2f33);clip-path:polygon(50% 94%,8% 55%,4% 27%,18% 10%,38% 12%,50% 24%,62% 12%,82% 10%,96% 27%,92% 55%);will-change:top, left;border-radius:0;font-size:1.24rem;font-weight:700;transition:filter .2s;animation:none}.timeline-heart span{z-index:1;display:block;position:relative;transform:translateY(-1px)}.timeline{z-index:1;gap:72px;padding:18px 0;position:relative}.timeline-item{width:29%;color:var(--rose);box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);align-items:start;row-gap:5px;padding:0;display:grid}.timeline-item:nth-child(odd){text-align:left;justify-self:start;justify-items:start}.timeline-item:nth-child(2n){text-align:right;justify-self:end;justify-items:end}.timeline-item:nth-child(2n) .timeline-icon{order:0}.timeline-item.is-active{background:0 0;border-color:#0000;transform:none}.timeline-icon{color:#745c52c2;width:54px;height:54px;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;display:grid;transform:rotate(-5deg)}.timeline-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65px;width:48px;height:48px}.timeline-content{gap:4px;justify-items:inherit;transition:opacity .2s,transform .2s;display:grid}.timeline-item.is-active .timeline-content{opacity:1;transform:translateY(-2px)}.timeline-content time{color:var(--rose);font-size:clamp(2rem,10.2vw,2.9rem);line-height:.92}.location-card{text-align:center;gap:16px;padding:28px 24px;display:grid;position:relative}.location-heart{color:var(--rose);margin-bottom:-16px;font-size:1.3rem}.location-name{color:var(--chocolate);font-family:var(--serif);margin-top:-8px;margin-bottom:-8px;font-size:1.72rem;font-weight:700}.location-card .text{margin-top:-8px}.location-card .pink-button{justify-self:center;margin-top:6px}.dress-text,.contacts-intro{text-align:center}.palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0 18px;display:grid}.palette-photo{border-radius:var(--radius);background:var(--paper);width:100%;box-shadow:var(--shadow);border:1px solid #5e6b4229;margin:22px 0 0;overflow:hidden}.palette-photo img{object-fit:contain;width:100%;height:auto}.palette-item{min-width:0;color:var(--muted);text-align:center;justify-items:center;gap:8px;font-size:.74rem;display:grid}.palette-swatch{aspect-ratio:1;background:radial-gradient(circle at 32% 26%, #ffffff7a, transparent 31%), linear-gradient(145deg, var(--swatch-soft), var(--swatch));border:2px solid #ffffffc7;border-radius:50%;width:54px;max-width:100%;display:block;box-shadow:inset 0 -8px 16px #412d231a,0 10px 22px #4c39261f}.dress-caption{color:var(--chocolate);font-family:var(--serif);text-align:center;margin:18px 0 12px;font-size:1.28rem;font-weight:700}.dress-reference-grid{gap:12px;display:grid}.dress-reference-grid--single{max-width:100%}.dress-reference{aspect-ratio:1241/533}.image-placeholder--dress{min-height:260px;font-size:2rem}.wish-list{gap:14px;display:grid}.wish-card,.contact-card{border-radius:var(--radius);background:#fff8ebbd;border:1px solid #5e6b4229;box-shadow:0 12px 28px #4c392614}.wish-card{padding:22px 20px;position:relative}.wish-card:before{background:var(--rose);content:"";border-radius:0 999px 999px 0;width:4px;height:44px;position:absolute;top:18px;left:0}.wish-card h3{color:var(--olive);font-family:var(--serif);margin-bottom:8px;font-size:1.48rem}.rsvp-form{gap:16px;padding:22px;display:grid}.form-label,.form-fieldset legend{color:var(--olive);font-weight:600}.form-fieldset{border:0;min-width:0;margin:0;padding:0}.form-fieldset legend{margin-bottom:10px;padding:0}.choice-list{gap:8px;display:grid}.choice-list--grid{grid-template-columns:1fr}.choice-option{border-radius:var(--radius);min-width:0;min-height:48px;color:var(--text);cursor:pointer;background:#ffffff70;border:1px solid #5e6b4229;align-items:center;gap:10px;padding:10px 12px;display:flex}.choice-option:has(input:checked){background:#f3d1d547;border-color:#c879827a}.choice-option input{width:20px;height:20px;min-height:20px;accent-color:var(--rose);flex:0 0 20px}.choice-option span{min-width:0}.form-message{border-radius:var(--radius);padding:12px;font-weight:600}.form-message--error{color:#7a332f;background:#c879822e}.form-message--success{color:var(--olive);background:#c7cda842}.rsvp-submit{border:0;width:100%;margin-top:2px}.copy-response{border-top:1px solid #5e6b4229;gap:10px;padding-top:16px;display:grid}.copy-button{min-height:44px;color:var(--olive);background:#fff8ebc7;border:1px solid #5e6b4238;border-radius:999px;font-weight:600}.copy-status{color:var(--muted);text-align:center;font-size:.9rem}.copy-fallback{min-height:156px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem}.contacts-grid{gap:10px;margin-top:18px;display:grid}.contact-card{gap:3px;padding:16px;text-decoration:none;display:grid}.contact-card span{color:var(--rose);font-size:.85rem;font-weight:600}.contact-card strong{color:var(--olive);font-family:var(--serif);font-size:1.28rem}.final-love{color:var(--rose);font-family:var(--heading-script);text-align:center;gap:10px;margin-top:32px;font-size:clamp(3.1rem,12vw,4.55rem);font-weight:400;line-height:.96;display:grid}.final-love-ampersand{font-family:var(--serif);vertical-align:.08em;font-size:.72em;font-style:italic;font-weight:600;line-height:1}@keyframes intro-rise{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes calendar-heart-pulse{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1.04)}}@keyframes seal-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.05)}}@keyframes timeline-heart-float{0%,to{margin-top:-2px}50%{margin-top:4px}}@media (width>=720px){.app-shell{padding-top:28px}.gallery-grid{grid-template-columns:1.05fr .95fr;align-items:stretch}.gallery-card--1{grid-row:span 2}.gallery-card--2{transform:translateY(12px)}.gallery-card--3{transform:translateY(-4px)}.dress-reference-grid,.contacts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dress-reference-grid--single{grid-template-columns:1fr}.choice-list--grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=430px){.section{padding:25px 18px}.intro-screen{padding:18px 14px}.intro-envelope-scene{width:100vw;height:100svh;min-height:520px}.intro-envelope-flap--top,.intro-envelope-flap--bottom{left:0;right:0}.intro-envelope-flap--top{height:48%}.intro-envelope-flap--bottom{height:52%}.intro-envelope{aspect-ratio:.98;width:min(94vw,370px)}.envelope-letter{height:66%;padding:20px 18px 14px;left:7%;right:7%}.letter-crest{width:28px;height:28px;margin-bottom:6px}.intro-date{margin-top:6px;font-size:1.02rem}.seal-button{top:67%}.script-title{font-size:3rem}.hero-card{padding:42px 32px 34px}.hero-title{font-size:3.25rem}.frame-line{width:18px}.frame-line--left{left:10px}.frame-line--right{right:10px}.palette{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.palette-item{text-align:left;grid-template-columns:46px 1fr;place-items:center start}.palette-swatch{width:46px}.timeline{gap:68px;padding:18px 0}.timeline-item{width:29%;padding:0}.timeline-icon{display:grid}.timeline-path{width:min(62%,260px)}.timeline-heart{width:62px;height:56px;font-size:1.18rem}.calendar-grid{gap:5px}.music-button{min-width:76px;bottom:12px;right:12px}.music-button__text{display:none}.intro-envelope-flap--top,.intro-envelope-flap--bottom{height:56%}.intro-envelope-flap--top{clip-path:polygon(0 0,100% 0,100% 74%,50% 100%,0 74%)}.intro-envelope-flap--bottom{clip-path:polygon(50% 0,100% 26%,100% 100%,0 100%,0 26%)}}html,body,#root{width:100%;overflow-x:hidden}.app-shell{padding:0 0 86px;overflow-x:hidden}.invite-main{max-width:min(100%,520px)}.section{padding:clamp(22px,5.5vw,38px) 18px}.reveal{opacity:0;transition:opacity .62s,transform .62s;transform:translateY(40px)}.intro-screen{background:radial-gradient(circle at 50% 20%,#fff9f4e6,#0000 32%),radial-gradient(circle at 14% 86%,#9d1f3521,#0000 34%),linear-gradient(145deg,#f7d7de 0%,#d89aad 46%,#c98298 100%);place-items:center;min-height:100svh;padding:0;transition:opacity .36s 1.28s,visibility .36s 1.28s;display:grid}.intro-stage{z-index:2;align-content:center;justify-items:center;width:min(100%,520px);min-height:100svh;padding:clamp(34px,8svh,70px) 18px 42px;display:grid;position:relative;transform:translateY(-4svh)}.intro-stage .intro-envelope{aspect-ratio:1.42;width:min(88vw,430px);min-width:286px;color:inherit;perspective:1100px;cursor:pointer;background:0 0;border:0;padding:0;animation:.72s cubic-bezier(.2,.75,.2,1) both intro-rise;position:relative}.intro-envelope-shadow{filter:blur(20px);background:#5d1f2f38;border-radius:50%;height:18%;position:absolute;bottom:-9%;left:8%;right:8%}.intro-envelope-back,.intro-envelope-pocket,.intro-envelope-side,.intro-envelope-flap{border:1px solid #9d1f3538;transition:transform 1.18s cubic-bezier(.72,0,.18,1),opacity .32s;position:absolute}.intro-envelope-back{z-index:1;background:radial-gradient(circle at 50% 38%,#ffffff3d,#0000 34%),linear-gradient(160deg,#e8b8c5,#c77790);border-radius:12px;inset:16% 0 0;box-shadow:inset 0 1px #ffffff5c,0 24px 44px #5d1f2f3d}.intro-envelope-pocket{z-index:4;clip-path:polygon(0 28%,50% 64%,100% 28%,100% 100%,0 100%);background:linear-gradient(#ffeef229,#0000 32%),linear-gradient(145deg,#d99bad,#c2748c);border-radius:12px;inset:16% 0 0}.intro-envelope-side{z-index:5;background:#ffe6ec57;border-radius:12px;inset:16% 0 0}.intro-envelope-side--left{clip-path:polygon(0 0,50% 50%,0 100%)}.intro-envelope-side--right{clip-path:polygon(100% 0,50% 50%,100% 100%)}.intro-stage .intro-envelope-flap{z-index:6;clip-path:polygon(0 0,100% 0,50% 63%);filter:drop-shadow(0 12px 18px #5d1f2f29);transform-origin:50% 0;background:radial-gradient(circle at 50% 36%,#ffffff38,#0000 33%),linear-gradient(#df9fb3,#c87a93);border-radius:12px;inset:16% 0 0}.intro-envelope-title{z-index:7;color:#fffaf6;width:min(86%,360px);font-family:var(--sans);text-align:center;text-shadow:0 8px 22px #5d1f2f38;gap:4px;font-size:clamp(1.72rem,7.2vw,2.65rem);font-weight:700;line-height:1.02;display:grid;position:absolute;top:27%;left:50%;transform:translate(-50%)}.intro-seal{z-index:8;aspect-ratio:1;width:clamp(110px,28vw,142px);color:var(--rose);background:radial-gradient(circle at 34% 25%,#ffffff9e,#0000 25%),radial-gradient(circle,#f8c4cf 0 54%,#d6758a 55% 67%,#c35d75 68%);border:1px solid #fff9f480;border-radius:50%;place-items:center;transition:opacity .32s,transform .64s cubic-bezier(.72,0,.18,1);animation:1.8s ease-in-out infinite seal-pulse;display:grid;position:absolute;top:57%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 9px #9d1f3524,inset 0 -14px 22px #5d1f2f2e,0 18px 36px #5d1f2f52}.intro-seal span{font-family:var(--heading-script);font-size:clamp(3.1rem,12vw,4.4rem);font-weight:400;line-height:.8;transform:translateY(4px)}.intro-open-instruction{z-index:4;width:fit-content;max-width:min(86vw,380px);color:var(--rose);font-family:var(--sans);text-align:center;text-shadow:none;background:#fff9f4e0;border-radius:999px;margin:clamp(24px,5svh,36px) auto 0;padding:12px 22px;font-size:clamp(1.05rem,4.5vw,1.34rem);font-weight:700;line-height:1.18;position:relative;bottom:auto;left:auto;right:auto;box-shadow:0 12px 30px #5d1f2f29}.intro-screen.is-leaving{opacity:0;pointer-events:none}.intro-screen.is-leaving .intro-stage .intro-envelope-flap{transform:rotateX(172deg)translateY(-12px)}.intro-screen.is-leaving .intro-envelope-pocket{transform:translateY(72px)}.intro-screen.is-leaving .intro-envelope-side--left{transform:translate(-38px)rotate(-4deg)}.intro-screen.is-leaving .intro-envelope-side--right{transform:translate(38px)rotate(4deg)}.intro-screen.is-leaving .intro-envelope-title,.intro-screen.is-leaving .intro-open-instruction{opacity:0;transition:opacity .26s}.intro-screen.is-leaving .intro-seal{opacity:0;transform:translate(-50%,-86%)scale(.58)rotate(-14deg)}.couple-names-section{align-items:stretch;min-height:100svh;padding:0 14px;display:grid}.couple-names-section .section-inner{max-width:520px}.couple-names-inner{align-content:center;gap:clamp(10px,2.4svh,22px);min-height:calc(100svh - 28px);margin:14px auto;padding:clamp(88px,14svh,136px) clamp(30px,8vw,58px) clamp(54px,9svh,92px)}.couple-name{font-size:clamp(4.15rem,18vw,6.35rem)}.couple-ampersand{font-size:clamp(2.7rem,10vw,4rem)}.couple-note{max-width:380px;font-size:clamp(1.18rem,4.4vw,1.5rem)}.couple-date{font-size:clamp(2.75rem,12vw,4.15rem)}.hero-section{padding-top:clamp(20px,5vw,34px);padding-bottom:8px}.hero-card{gap:clamp(10px,2.4vw,16px);padding:clamp(24px,5.6vw,34px) clamp(24px,7vw,36px)}.invite-heading{font-size:clamp(3.05rem,12vw,4.35rem)}.hero-text{font-size:clamp(1.18rem,4.8vw,1.42rem);line-height:1.36}.plain-hyphen{font-family:Arial, var(--sans);font-style:normal;font-weight:400}.main-photo-section{padding-top:2px}.main-photo-frame,.decor-photo-frame{width:100%}.hero-card .frame-line{display:none}.hero-card:after{z-index:1;pointer-events:none;content:"";opacity:.55;background:linear-gradient(var(--rose), var(--rose)) left top / 34px 1px no-repeat, linear-gradient(var(--rose), var(--rose)) left top / 1px 34px no-repeat, linear-gradient(var(--rose), var(--rose)) right bottom / 34px 1px no-repeat, linear-gradient(var(--rose), var(--rose)) right bottom / 1px 34px no-repeat;position:absolute;inset:18px}.hero-card.ornament-frame:before{inset:10px}.calendar-section{align-items:center;display:grid}.calendar-card--compact{padding:clamp(30px,8vw,42px) clamp(16px,5vw,24px) 22px}.compact-calendar{gap:clamp(4px,2.2vw,14px)}.compact-calendar-day.is-target .compact-calendar-number{width:64px;height:58px;font-size:clamp(1.25rem,5vw,1.62rem)}.countdown{gap:8px}.rings-section{padding-top:0;padding-bottom:clamp(10px,3vw,22px)}.rings-inner{justify-items:center;display:grid}.rings-illustration{width:min(72vw,260px);color:var(--rose);filter:drop-shadow(0 16px 24px #5d1f2f1f);overflow:visible}.ring{fill:none;stroke:url(#ring-gold);stroke-width:8px}.ring--right{stroke:url(#ring-rose)}.ring-shadow{fill:none;stroke:#fff9f4b3;stroke-width:2px}.ring-spark{fill:var(--rose);opacity:.9}.ring-spark--small{opacity:.55}.schedule-section{align-items:center;min-height:100svh;padding-top:clamp(18px,4vw,30px);display:grid}.timeline-wrap{min-height:min(820px,100svh - 54px);margin-top:0;padding:42px 0 46px}.timeline-static-rings,.timeline-icon{display:none!important}.timeline{gap:clamp(66px,9svh,92px);padding:22px 0 20px}.timeline-item{background:0 0;width:38%;min-width:0}.timeline-item:first-child,.timeline-item:nth-child(3),.timeline-item:nth-child(5){text-align:right;justify-self:end;justify-items:end}.timeline-item:nth-child(2),.timeline-item:nth-child(4){text-align:left;justify-self:start;justify-items:start}.timeline-content{gap:7px;width:max-content;max-width:100%}.timeline-item:first-child{transform:translate(-14px,-2px)}.timeline-item:nth-child(2){transform:translate(8px,-4px)}.timeline-item:nth-child(3){transform:translate(-4px)}.timeline-item:nth-child(4){transform:translate(12px)}.timeline-item:nth-child(5){transform:translate(-16px,2px)}.timeline-item:first-child .timeline-content,.timeline-item:nth-child(3) .timeline-content,.timeline-item:nth-child(5) .timeline-content{padding-right:10px}.timeline-item:nth-child(2) .timeline-content,.timeline-item:nth-child(4) .timeline-content{padding-left:10px}.timeline-content time{color:var(--rose);font-family:var(--serif);font-size:clamp(2.62rem,12.5vw,4rem);font-weight:700;line-height:.82}.timeline-content .timeline-title{color:var(--chocolate);font-family:var(--serif);text-transform:uppercase;font-size:clamp(.86rem,3.4vw,1.14rem);font-weight:700;line-height:1.04}.timeline-path{height:calc(100% - 44px);top:18px;bottom:26px}.timeline-heart{width:62px;height:56px;font-size:1.16rem}.final-love{color:var(--rose);font-family:var(--heading-script);margin-top:28px;line-height:.84;transform:none}.final-love-intro{color:var(--rose);font-family:var(--heading-script);margin-bottom:4px;font-size:clamp(60px,9vw,88px);font-style:normal;line-height:.9}.final-love-name{font-family:var(--heading-script);letter-spacing:0;text-shadow:0 8px 18px #9d1f350f;font-size:clamp(3.2rem,12vw,4.2rem);font-weight:400;display:inline-block}.final-love-name:nth-of-type(2){transform:translate(-50px)}.final-love-name:nth-of-type(4){transform:translate(50px)}.final-love-ampersand{font-family:var(--serif);margin:-10px 0 15px;font-size:clamp(2.55rem,10vw,3.7rem);font-style:italic;font-weight:600;line-height:.72}@media (width<=430px){.section{padding-left:14px;padding-right:14px}.intro-stage .intro-envelope{width:min(91vw,390px)}.intro-envelope-title{top:25%}.intro-seal{top:58%}.intro-open-instruction{font-size:1.06rem}.couple-frame-line--left{left:18px}.couple-frame-line--right{right:18px}.timeline-item{width:39%}.timeline-item:first-child{transform:translate(-8px,-2px)}.timeline-item:nth-child(2){transform:translate(6px,-4px)}.timeline-item:nth-child(3){transform:translate(-2px)}.timeline-item:nth-child(4){transform:translate(8px)}.timeline-item:nth-child(5){transform:translate(-10px,35px)}.timeline-path{width:min(62%,260px)}}.intro-screen{background-color:#c37b8d;background-image:radial-gradient(circle,#fff5f829,#0000 30%),linear-gradient(145deg,#ffffff1a,#0000);padding:0;transition:background-color 1.5s .18s,opacity .32s 1.76s,visibility .32s 1.76s}.intro-envelope-scene{cursor:pointer;width:100%;height:100%;min-height:0;box-shadow:none;isolation:isolate;background:radial-gradient(circle at 50% 48%,#fff8f62e,#0000 28%),linear-gradient(90deg,#ffeef27a 0 22%,#0000 39% 61%,#ffeef27a 78% 100%),linear-gradient(145deg,#ffffff1a,#0000),#d9a1b0;margin:0;position:absolute;inset:0;overflow:hidden}.intro-envelope-scene:before{z-index:3;content:"";opacity:1;pointer-events:none;border:3px solid #ff7fabb8;transition:opacity .26s 1.04s;position:absolute;inset:clamp(8px,1.6vw,22px)}.intro-envelope-scene:after{display:none}.intro-envelope-scene .intro-envelope-flap{filter:drop-shadow(0 10px 18px #5d1f2f24);background:radial-gradient(circle at 50% 44%,#ffffff1f,#0000 26%),linear-gradient(145deg,#ffffff1a,#78233a14),#c98299;border:0;transition:transform 1.45s cubic-bezier(.72,0,.18,1) .15s,opacity .28s 1.46s;display:block;position:absolute;left:0;right:0}.intro-envelope-scene .intro-envelope-flap:before{display:none}.intro-envelope-scene .intro-envelope-flap--bottom{z-index:2;clip-path:polygon(50% 0,100% 82%,100% 100%,0 100%,0 82%);height:55%;bottom:0}.intro-envelope-scene .intro-envelope-flap--top{z-index:4;clip-path:polygon(0 0,100% 0,100% 18%,50% 100%,0 18%);height:55%;top:0}.intro-title{z-index:6;color:#fffaf6;width:min(92vw,680px);font-family:var(--heading-script);text-align:center;text-shadow:0 8px 26px #5d1f2f33;margin:0;font-size:clamp(3.65rem,14vw,7.1rem);font-weight:400;line-height:.82;position:absolute;top:clamp(82px,14svh,150px);left:50%;transform:translate(-50%)}.intro-envelope-scene .intro-open-instruction{z-index:6;color:#fffaf6;width:auto;max-width:none;font-family:var(--sans);text-align:center;text-shadow:0 8px 22px #5d1f2f3d;box-shadow:none;background:0 0;border-radius:0;margin:0;padding:0;font-size:clamp(1.32rem,5.2vw,1.86rem);font-weight:700;line-height:1.18;position:absolute;bottom:clamp(148px,23svh,218px);left:28px;right:28px}.intro-envelope-scene .intro-open-instruction span{display:block}.intro-seal-button{z-index:7;aspect-ratio:1;width:clamp(118px,24vw,164px);color:var(--rose);font-family:var(--heading-script);text-transform:none;background:radial-gradient(circle at 33% 25%,#ffffffbd,#0000 26%),radial-gradient(circle at 70% 72%,#932a3d29,#0000 34%),radial-gradient(circle,#f9c7d1 0 58%,#d9788d 59% 68%,#b94f67 69% 75%,#f0a8b9 76%);border:0;border-radius:50%;place-items:center;font-size:clamp(2.4rem,9vw,3.2rem);font-weight:400;line-height:.8;transition:opacity .26s,transform .54s cubic-bezier(.72,0,.18,1);display:grid;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 5px #fff9f44d,inset 0 -12px 20px #5d1f2f2e,0 16px 34px #5d1f2f52}.intro-seal-wax{z-index:0;pointer-events:none;filter:drop-shadow(0 10px 15px #5d1f2f38);width:142%;height:142%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-seal-wax-blob{fill:#be546d8f;stroke:#f5a9bcb8;stroke-width:2.35px;stroke-linecap:round;stroke-linejoin:round}.intro-seal-wax-highlight{fill:none;opacity:0;stroke:#ffe2e9b8;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;transform-origin:50%}.intro-seal-monogram{z-index:1;width:72%;height:72%;display:block;position:relative;transform:translateY(2px)}.intro-seal-button:after{content:none}.intro-seal-letter{font-family:var(--heading-script);font-size:clamp(2.15rem,7.4vw,3.32rem);font-weight:400;line-height:1;display:block;position:absolute}.intro-seal-letter--v{top:10%;left:5%;transform:rotate(-10deg)}.intro-seal-letter--u{bottom:10%;right:5%;transform:rotate(8deg)}.intro-screen.is-leaving .intro-envelope-scene:before,.intro-screen.is-leaving .intro-title,.intro-screen.is-leaving .intro-open-instruction{opacity:0;transition:opacity .26s}.intro-screen.is-leaving .intro-seal-button{opacity:0;transform:translate(-50%,-90%)scale(.5)rotate(-14deg)}.intro-screen.is-leaving .intro-envelope-flap--top{transform:translateY(-118%)}.intro-screen.is-leaving .intro-envelope-flap--bottom{transform:translateY(118%)}@media (width<=430px){.intro-title{font-size:clamp(4rem,17vw,5.35rem);top:clamp(72px,12svh,106px)}.intro-envelope-scene .intro-envelope-flap--top,.intro-envelope-scene .intro-envelope-flap--bottom{height:56%}.intro-envelope-scene .intro-envelope-flap--top{clip-path:polygon(0 0,100% 0,100% 74%,50% 100%,0 74%)}.intro-envelope-scene .intro-envelope-flap--bottom{clip-path:polygon(50% 0,100% 26%,100% 100%,0 100%,0 26%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}