*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}body{font-family:var(--font-figtree),system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--page);font-size:17px;line-height:1.6;overflow-x:hidden}body.locked{height:100dvh;overflow:hidden}img,svg{display:block}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}[hidden]{display:none!important}.display{font-family:var(--display);font-weight:var(--displayWeight,400);line-height:1.1}.native{font-family:var(--native,inherit)}.motif{color:var(--accent)}.motif svg{width:100%;height:100%}#cover{z-index:50;perspective:1600px;color:var(--onDeep);place-items:center;display:grid;position:fixed;inset:0}#cover .leaf{background:var(--pat) center/38px,var(--deep);backface-visibility:hidden;width:50.5%;transition:transform 1.15s cubic-bezier(.65,.02,.3,1);position:absolute;top:0;bottom:0;box-shadow:inset 0 0 120px #0006}#cover .leaf.l{transform-origin:0;border-right:1px solid var(--accent);left:0}#cover .leaf.r{transform-origin:100%;border-left:1px solid var(--accent);right:0}#cover .leaf:after{content:"";border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);position:absolute;inset:14px}#cover .leaf.l:after{border-right:0;right:-1px}#cover .leaf.r:after{border-left:0;left:-1px}.coverCard{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:6px;width:min(88vw,380px);padding:34px 26px 30px;transition:opacity .45s,transform .45s;display:flex;position:relative}.coverCard .motif{width:84px;height:52px;margin-bottom:6px}.coverCard .small{letter-spacing:.06em;opacity:.85;font-size:13px}.coverCard .names{color:var(--accent);margin:8px 0;font-size:clamp(44px,13vw,64px)}.coverCard .names .amp{opacity:.8;margin:2px 0;font-size:.5em;display:block}.coverCard .cdate{letter-spacing:.12em;font-size:15px;font-weight:600}.coverCard .for{opacity:.8;margin-top:22px;font-size:13px}.coverCard .guest{color:var(--onDeep);font-size:clamp(24px,7vw,30px)}.seal{cursor:pointer;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--accent) 70%,#fff),var(--accent) 60%,color-mix(in srgb,var(--accent) 70%,#000));width:92px;height:92px;color:var(--deep);font-family:var(--display);border:0;border-radius:50%;margin-top:22px;font-size:28px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 10px 24px -8px #000a,inset 0 0 0 5px #ffffff38}@keyframes pulse{50%{box-shadow:0 10px 24px -8px #000a,inset 0 0 0 5px #ffffff38,0 0 0 12px color-mix(in srgb,var(--accent) 22%,transparent)}}.tapTxt{letter-spacing:.08em;opacity:.9;margin-top:10px;font-size:14px}#cover.opening .coverCard{opacity:0;transform:scale(.96)}#cover.opening .leaf.l{transform:rotateY(-110deg)}#cover.opening .leaf.r{transform:rotateY(110deg)}#cover.done,#cover.env .leaf{display:none}#cover.env{background:var(--pat) center/38px,var(--deep);transition:opacity .7s}.envelope{aspect-ratio:1.42;width:min(88vw,380px);margin-top:26px;position:relative}.envelope .back,.envelope .front,.envelope .flap{border-radius:10px;position:absolute;inset:0}.envelope .back{background:color-mix(in srgb,var(--deep) 75%,#000)}.envelope .letter{background:var(--card);height:86%;color:var(--ink);text-align:center;z-index:1;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;transition:transform 1s cubic-bezier(.5,0,.2,1) .55s;display:flex;position:absolute;top:8%;left:6%;right:6%;box-shadow:0 6px 16px -6px #0008}.envelope .letter .display{color:var(--brand);font-size:30px}.envelope .letter small{color:var(--body);font-size:12px}.envelope .front{z-index:2;background:color-mix(in srgb,var(--deep) 88%,#fff);clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%)}.envelope .flap{z-index:3;background:color-mix(in srgb,var(--deep) 80%,#fff);clip-path:polygon(0 0,100% 0,50% 58%);transform-origin:top;transition:transform .7s cubic-bezier(.6,0,.3,1),z-index 0s .35s}.envelope .seal{z-index:4;width:78px;height:78px;margin:0;font-size:24px;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}#cover.env .coverCard{padding-bottom:10px}#cover.env .coverCard .names{font-size:clamp(36px,11vw,52px)}#cover.env.opening .coverCard{opacity:1;transform:none}#cover.env.opening .envelope .flap{z-index:0;transform:rotateX(180deg)}#cover.env.opening .envelope .seal{opacity:0;transition:opacity .3s}#cover.env.opening .envelope .letter{transform:translateY(-58%)scale(1.05)}#cover.env.fade{opacity:0}@media (prefers-reduced-motion:reduce){#cover .leaf,.envelope .flap,.envelope .letter{transition:none}.seal{animation:none}}#fx{pointer-events:none;z-index:40;position:fixed;inset:0;overflow:hidden}.pt{will-change:transform;animation:linear infinite fall;position:absolute;top:-6vh}.pt.up{animation-name:rise;top:auto;bottom:-6vh}@keyframes fall{to{transform:translate(var(--dx),112vh) rotate(var(--rot))}}@keyframes rise{to{transform:translate(var(--dx),-112vh) rotate(var(--rot))}}@media (prefers-reduced-motion:reduce){#fx{display:none}}main{background:var(--page);max-width:560px;margin:0 auto;position:relative;box-shadow:0 0 60px -20px #0003}section{text-align:center;padding:72px 24px;position:relative}.sTitle{color:var(--brand);margin-bottom:6px;font-size:clamp(34px,9vw,44px)}.sSub{color:var(--body);max-width:30em;margin:0 auto;font-size:16px}.orn{width:120px;height:22px;color:var(--accentOnPage,var(--brand));margin:14px auto 26px}.reveal{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(18px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.btn{border:1.5px solid var(--line);background:var(--card);min-height:48px;color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn svg{width:18px;height:18px}.btn.solid{background:var(--brand);border-color:var(--brand);color:var(--onBrand,#fff)}.btn.onDeep{border-color:color-mix(in srgb,var(--onDeep) 40%,transparent);color:var(--onDeep);background:0 0}.btn.gold{background:var(--accent);border-color:var(--accent);color:var(--deep)}.btnRow{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#hero{background:var(--pat) center/38px,radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--deep) 75%,#fff) 0,var(--deep) 60%);color:var(--onDeep);flex-direction:column;justify-content:center;min-height:100dvh;padding:56px 24px 64px;display:flex}#hero .heroArt{aspect-ratio:1;border:2px solid var(--accent);width:100%;max-width:330px;box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 15%,transparent);border-radius:50%;margin:0 auto 18px;overflow:hidden}#hero .heroArt img{object-fit:cover;width:100%;height:100%}#hero .heroArt .ph{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 22%,var(--deep)),var(--deep));place-items:center;width:100%;height:100%;display:grid}#hero .heroArt .ph .motif{width:58%}#hero .nativeLine{color:var(--accent);margin-bottom:6px;font-size:18px}#hero .names{color:var(--accent);font-size:clamp(46px,13vw,64px)}#hero .names .amp{opacity:.85;margin:0 .1em;font-size:.55em}#hero .forTxt{letter-spacing:.08em;opacity:.8;margin-top:18px;font-size:13px}#hero .guest{color:var(--onDeep);margin-top:2px;font-size:clamp(30px,8.6vw,40px)}#hero .seats{border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);color:var(--accent);border-radius:999px;margin:12px auto 0;padding:5px 16px;font-size:14px;display:inline-block}#hero .msg{opacity:.95;max-width:24em;margin:20px auto 0;font-size:18px;line-height:1.7}#hero .when{letter-spacing:.1em;color:var(--accent);margin-top:20px;font-size:15px;font-weight:700}.count{grid-template-columns:repeat(4,1fr);max-width:360px;margin:24px auto 26px;display:grid}.count div{border-left:1px solid color-mix(in srgb,var(--onDeep) 25%,transparent)}.count div:first-child{border-left:0}.count b{font-family:var(--display);font-weight:var(--displayWeight,400);color:var(--accent);font-size:clamp(34px,10vw,44px);line-height:1.1;display:block}.count small{letter-spacing:.12em;opacity:.8;font-size:11px}.arrived{font-family:var(--display);color:var(--accent);margin:22px 0;font-size:28px}#quick{background:var(--alt)}.qr{border:1px solid var(--line);background:#fff;border-radius:16px;place-items:center;width:184px;height:184px;margin:0 auto 22px;padding:16px;display:grid}.qr img,.qr canvas{width:150px!important;height:150px!important}.links{grid-template-columns:1fr 1fr;gap:10px;max-width:400px;margin:0 auto;display:grid}.links .btn{width:100%;padding:0 12px}.person{background:var(--card);border:1px solid var(--line);border-radius:var(--radius,18px);padding:30px 22px;box-shadow:0 18px 36px -28px #0005}.avatar{border:2px solid var(--accentOnPage,var(--brand));background:var(--card);border-radius:50%;width:136px;height:136px;margin:0 auto 16px;padding:5px}.avatar>*{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar .mono{background:var(--pat) center/30px,var(--deep);color:var(--accent);font-family:var(--display);place-items:center;font-size:46px;display:grid}.role{letter-spacing:.14em;color:var(--body);font-size:13px}.person .pname{color:var(--brand);margin:2px 0 8px;font-size:clamp(36px,10vw,44px)}.person .parents{font-weight:600}.person .from{color:var(--body);font-size:15px}.heartSep{z-index:1;background:var(--card);border:1px solid var(--line);width:46px;height:46px;color:var(--brand);border-radius:50%;place-items:center;margin:-8px auto;display:grid;position:relative}.heartSep svg{width:20px;height:20px}#events{background:var(--alt)}.timeline{text-align:left;max-width:440px;margin:0 auto;list-style:none;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:10px;bottom:10px;left:7px}.ev{padding:0 0 20px 30px}.ev .t{letter-spacing:.04em;color:var(--onBrand,#fff);background:var(--brand);border-radius:999px;margin-bottom:6px;padding:3px 11px;font-size:13px;font-weight:700;display:inline-block}.ev .box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius,16px);padding:16px 18px;position:relative}.ev .box:before{content:"";background:var(--accentOnPage,var(--brand));width:13px;height:13px;box-shadow:0 0 0 4px var(--alt);border-radius:50%;position:absolute;top:22px;left:-29px}.ev h3{color:var(--brand);font-size:26px}.ev p{color:var(--body);font-size:15px}.ev a{color:var(--brand);margin-top:6px;font-size:14px;font-weight:600;display:inline-block}.grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.grid .tile{aspect-ratio:1;cursor:pointer;background:var(--alt);border:0;border-radius:14px;padding:0;overflow:hidden}.grid .tile:first-child{aspect-ratio:16/10;grid-column:span 2}.grid img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.grid .tile:hover img{transform:scale(1.04)}.grid .ph{background:var(--pat) center/30px,color-mix(in srgb,var(--deep) 12%,var(--page));width:100%;height:100%;color:var(--brand);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.grid .ph .motif{width:56px;height:34px}#lb{z-index:70;background:#000d;place-items:center;padding:20px;display:grid;position:fixed;inset:0}#lb img{border-radius:10px;max-width:100%;max-height:88dvh}#venue iframe{border-radius:var(--radius,16px);border:0;border:1px solid var(--line);background:var(--alt);width:100%;height:280px}.vName{color:var(--brand);margin-top:18px;font-size:30px}.vAddr{color:var(--body);margin-bottom:16px}#wishes{background:var(--alt)}.wish{background:var(--card);border:1px solid var(--line);border-radius:var(--radius,16px);flex-direction:column;justify-content:center;min-height:170px;padding:26px 22px;display:flex}.wish p{font-size:18px;line-height:1.7}.wish b{color:var(--brand);margin-top:12px;display:block}.wishNav{color:var(--body);justify-content:center;align-items:center;gap:16px;margin-top:14px;font-size:14px;display:flex}.wishNav button{border:1px solid var(--line);background:var(--card);cursor:pointer;width:44px;height:44px;color:var(--brand);border-radius:50%;font-size:20px}#rsvp{background:var(--pat) center/38px,var(--deep);color:var(--onDeep)}#rsvp .sTitle{color:var(--accent)}#rsvp .sSub{color:color-mix(in srgb,var(--onDeep) 80%,transparent)}#rsvp .orn{color:var(--accent)}.by{letter-spacing:.1em;color:var(--accent);margin-bottom:6px;font-size:14px}.form{text-align:left;gap:16px;max-width:420px;margin:0 auto;display:grid}.form label{opacity:.9;margin-bottom:6px;font-size:14px;display:block}.form input,.form select,.form textarea{border:1px solid color-mix(in srgb,var(--onDeep) 30%,transparent);background:color-mix(in srgb,var(--onDeep) 8%,transparent);width:100%;min-height:52px;color:var(--onDeep);border-radius:12px;padding:12px 14px;font-size:16px}.form select option{color:#222}.form textarea{resize:vertical;min-height:96px}.choice{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice button{border:1px solid color-mix(in srgb,var(--onDeep) 30%,transparent);min-height:52px;color:var(--onDeep);cursor:pointer;background:0 0;border-radius:12px;font-weight:600}.choice button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--deep)}.form .send{width:100%;min-height:54px;font-size:16px}.thanks{text-align:center;border:1px solid var(--accent);border-radius:14px;padding:20px}.contacts{gap:10px;max-width:420px;margin:0 auto;display:grid}.contact{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;text-decoration:none;display:flex}.contact span{color:var(--body);font-size:15px}.contact b{color:var(--brand)}footer{background:var(--deep);color:var(--onDeep);text-align:center;padding:56px 24px 120px}footer .display{color:var(--accent);font-size:40px}footer p{opacity:.8;margin:6px 0 20px}#nav{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:30;background:color-mix(in srgb,var(--deep) 92%,transparent);-webkit-backdrop-filter:blur(10px);border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:999px;gap:2px;max-width:calc(100vw - 20px);padding:5px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px -10px #0008}#nav a{color:var(--onDeep);white-space:nowrap;border-radius:999px;padding:9px 13px;font-size:14px;text-decoration:none}#nav a.on{background:var(--accent);color:var(--deep);font-weight:600}#music{top:calc(14px + env(safe-area-inset-top));z-index:31;border:1px solid var(--accent);background:color-mix(in srgb,var(--deep) 85%,transparent);width:46px;height:46px;color:var(--accent);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:fixed;right:14px}#music svg{width:20px;height:20px}#music.off{opacity:.6}.toast{opacity:0;z-index:60;color:#fff;pointer-events:none;background:#000c;border-radius:999px;padding:10px 18px;font-size:14px;transition:all .3s;position:fixed;bottom:90px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}#demo{top:calc(12px + env(safe-area-inset-top));z-index:60;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000b;border-radius:999px;align-items:center;gap:6px;max-width:calc(100vw - 80px);padding:5px 5px 5px 14px;font-size:13px;display:flex;position:fixed;left:12px}#demo span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#demo a{color:#000;background:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-weight:700;text-decoration:none;display:grid}#makeIt{left:12px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:60;color:#fff;background:#2f7a50;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;position:fixed;box-shadow:0 6px 18px -6px #0007}#story .storyTxt{max-width:34em;color:var(--body);margin:0 auto;line-height:1.7}#story .storyImg{border-radius:18px;max-width:min(100%,360px);margin:24px auto 0;display:block}@media (max-width:560px){#makeIt{bottom:calc(74px + env(safe-area-inset-bottom))}}#hero .heroArt.art{aspect-ratio:3/4;background:#fbf6ec;border-radius:125px 125px 18px 18px;max-width:250px}#hero .heroArt.art img{object-position:top}#cover.art .leaf{background:var(--coverImg) no-repeat,var(--deep);box-shadow:none;background-size:198.02% 100%}#cover.art .leaf.l{background-position:0 0}#cover.art .leaf.r{background-position:100% 0}#cover.art .leaf:after{display:none}#cover.art .coverCard{background:color-mix(in srgb,var(--deep) var(--panelA,62%),transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:22px;max-width:min(88vw,360px);padding:22px 20px;box-shadow:0 18px 50px -20px #0009}#cover.env.art{background:var(--coverImg) center/cover no-repeat,var(--deep)}@media (min-aspect-ratio:3/4){#cover.art{width:56.25vh;inset:0 auto 0 50%;transform:translate(-50%);box-shadow:0 0 0 100vmax #000d}}:root{--mandala:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.1%22%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2297%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2280%22/%3E%3Ccircle cx=%22100%22 cy=%22100%22 r=%2222%22/%3E%3Cpath d=%22M100 74Q111 50 100 26Q89 50 100 74Z%22 transform=%22rotate%280 100 100%29%22/%3E%3Cpath d=%22M100 74Q111 50 100 26Q89 50 100 74Z%22 transform=%22rotate%2830 100 100%29%22/%3E%3Cpath d=%22M100 74Q111 50 100 26Q89 50 100 74Z%22 transform=%22rotate%2860 100 100%29%22/%3E%3Cpath d=%22M100 74Q111 50 100 26Q89 50 100 74Z%22 transform=%22rotate%2890 100 100%29%22/%3E%3Cpath d=%22M100 74Q111 50 100 26Q89 50 100 74Z%22 transform=%22rotate%28120 100 100%29%22/%3E%3Cpath d=%22M100 74Q111 50 100 26Q89 50 100 74Z%22 transform=%22rotate%28150 100 100%29%22/%3E%3Cpath d=%22M100 74Q111 50 100 26Q89 50 100 74Z%22 transform=%22rotate%28180 100 100%29%22/%3E%3Cpath d=%22M100 74Q111 50 100 26Q89 50 100 74Z%22 transform=%22rotate%28210 100 100%29%22/%3E%3Cpath d=%22M100 74Q111 50 100 26Q89 50 100 74Z%22 transform=%22rotate%28240 100 100%29%22/%3E%3Cpath d=%22M100 74Q111 50 100 26Q89 50 100 74Z%22 transform=%22rotate%28270 100 100%29%22/%3E%3Cpath d=%22M100 74Q111 50 100 26Q89 50 100 74Z%22 transform=%22rotate%28300 100 100%29%22/%3E%3Cpath d=%22M100 74Q111 50 100 26Q89 50 100 74Z%22 transform=%22rotate%28330 100 100%29%22/%3E%3Cpath d=%22M100 88Q106 78 100 68Q94 78 100 88Z%22 transform=%22rotate%280 100 100%29%22/%3E%3Cpath d=%22M100 88Q106 78 100 68Q94 78 100 88Z%22 transform=%22rotate%2845 100 100%29%22/%3E%3Cpath d=%22M100 88Q106 78 100 68Q94 78 100 88Z%22 transform=%22rotate%2890 100 100%29%22/%3E%3Cpath d=%22M100 88Q106 78 100 68Q94 78 100 88Z%22 transform=%22rotate%28135 100 100%29%22/%3E%3Cpath d=%22M100 88Q106 78 100 68Q94 78 100 88Z%22 transform=%22rotate%28180 100 100%29%22/%3E%3Cpath d=%22M100 88Q106 78 100 68Q94 78 100 88Z%22 transform=%22rotate%28225 100 100%29%22/%3E%3Cpath d=%22M100 88Q106 78 100 68Q94 78 100 88Z%22 transform=%22rotate%28270 100 100%29%22/%3E%3Cpath d=%22M100 88Q106 78 100 68Q94 78 100 88Z%22 transform=%22rotate%28315 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%280 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%2815 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%2830 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%2845 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%2860 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%2875 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%2890 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%28105 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%28120 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%28135 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%28150 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%28165 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%28180 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%28195 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%28210 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%28225 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%28240 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%28255 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%28270 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%28285 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%28300 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%28315 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%28330 100 100%29%22/%3E%3Ccircle cx=%22100%22 cy=%2212%22 r=%222%22 fill=%22%23000%22 transform=%22rotate%28345 100 100%29%22/%3E%3C/svg%3E");--script:var(--font-pinyon),cursive}.foil,.count b,footer .display,#rsvp .sTitle,#hero .guest{background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 62%,#000) 0%,color-mix(in srgb,var(--accent) 50%,#fff) 28%,var(--accent) 48%,color-mix(in srgb,var(--accent) 40%,#fff) 64%,color-mix(in srgb,var(--accent) 66%,#000) 100%);color:#0000;-webkit-text-fill-color:transparent;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:7s ease-in-out infinite foil}@keyframes foil{50%{background-position:100% 0}}@media (prefers-reduced-motion:reduce){.foil,.count b,footer .display,#rsvp .sTitle,#hero .guest{animation:none}}#hero .names.script,#cover .names{font-family:var(--script);font-weight:400;line-height:1.02}#hero .names.script{font-size:clamp(58px,17vw,88px)}#cover .names{font-size:clamp(52px,15vw,76px)}#hero .names.script .amp,#cover .names .amp{font-family:var(--display);opacity:.9;margin:0;font-size:.34em;display:block}#hero{overflow:hidden}#hero:before{content:"";background:var(--accent);opacity:.09;width:620px;height:620px;-webkit-mask:var(--mandala) center/contain no-repeat;-webkit-mask:var(--mandala) center/contain no-repeat;mask:var(--mandala) center/contain no-repeat;pointer-events:none;position:absolute;top:-60px;left:50%;transform:translate(-50%)}#hero>*{position:relative}.count{gap:8px;max-width:380px}.count div,.count div:first-child{border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--onDeep) 6%,transparent);border-radius:12px;padding:10px 0 8px}.coverCouple{border:2px solid var(--accent);background:#fbf6ec;border-radius:46px 46px 10px 10px;width:92px;height:122px;margin-bottom:6px;overflow:hidden;box-shadow:0 8px 20px -10px #000a}.coverCouple img{object-fit:cover;object-position:top;width:100%;height:100%}#couple,#events,#gallery,#venue,#contact,#story{overflow:hidden}#couple:before,#events:before,#gallery:before,#venue:before,#contact:before,#story:before{content:"";background:var(--accentOnPage,var(--brand));opacity:.07;width:340px;height:340px;-webkit-mask:var(--mandala) center/contain no-repeat;-webkit-mask:var(--mandala) center/contain no-repeat;mask:var(--mandala) center/contain no-repeat;pointer-events:none;position:absolute;top:-30px;left:50%;transform:translate(-50%)}section>*{position:relative}.nsub{color:var(--accentOnPage,var(--brand));margin:0 0 6px;font-size:19px}#rsvp .nsub{color:var(--accent)}.person{outline:1px solid color-mix(in srgb,var(--accentOnPage,var(--brand)) 40%,transparent);outline-offset:-9px}.avatar{width:150px;height:150px;box-shadow:0 0 0 6px color-mix(in srgb,var(--accentOnPage,var(--brand)) 14%,transparent)}.timeline:before{left:17px}.ev{padding-left:58px;position:relative}.ev .box:before{display:none}.ev .rn{border:1.5px solid var(--accentOnPage,var(--brand));background:var(--alt);width:35px;height:35px;font-family:var(--display);color:var(--brand);z-index:1;border-radius:50%;place-items:center;font-size:13px;display:grid;position:absolute;top:14px;left:0}.grid .tile{box-shadow:0 0 0 1px var(--line),0 14px 26px -16px #0007}.royal #hero{padding-bottom:104px}.royal .wave{background:var(--page);height:70px;position:absolute;bottom:-1px;left:0;right:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 90%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 90V46C240 6 480 0 720 26S1200 74 1440 30V90Z%22 fill=%22%23000%22/%3E%3C/svg%3E") bottom/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1440 90%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0 90V46C240 6 480 0 720 26S1200 74 1440 30V90Z%22 fill=%22%23000%22/%3E%3C/svg%3E") bottom/100% 100% no-repeat}.royal .eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--accentOnPage,var(--brand));margin-bottom:10px;font-size:12px}.royal .sTitle{font-family:var(--font-cinzel),serif;letter-spacing:.07em;text-transform:uppercase;background:linear-gradient(100deg,color-mix(in srgb,var(--accentOnPage) 75%,#000),var(--accentOnPage) 45%,color-mix(in srgb,var(--accentOnPage) 70%,#fff) 60%,color-mix(in srgb,var(--accentOnPage) 75%,#000));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(22px,6vw,30px);font-weight:700;animation:none}.royal #rsvp .sTitle{background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 62%,#000),var(--accent) 45%,color-mix(in srgb,var(--accent) 45%,#fff) 60%,color-mix(in srgb,var(--accent) 66%,#000));-webkit-background-clip:text;background-clip:text}.royal #rsvp .eyebrow{display:none}.royal .pair{grid-template-columns:1fr 1fr;gap:14px;max-width:480px;margin:0 auto;display:grid;position:relative}.royal .heartSep{z-index:2;width:38px;height:38px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.royal .person{outline-offset:-7px;padding:22px 12px 20px}.royal .avatar{width:104px;height:104px;margin-bottom:12px}.royal .role{letter-spacing:.2em;text-transform:uppercase;color:var(--accentOnPage);font-size:10px}.royal .person .pname{font-family:var(--script);color:var(--brand);margin:2px 0 6px;font-size:clamp(34px,10vw,44px);font-weight:400;line-height:1.1}.royal .person .parents{color:var(--ink);font-size:13px;font-weight:600;line-height:1.4}.royal .person .from{font-size:12px}.royal .timeline{max-width:520px}.royal .timeline:before{background:linear-gradient(var(--accentOnPage),color-mix(in srgb,var(--accentOnPage) 25%,transparent));width:1.5px;left:50%}.royal .ev{text-align:right;width:50%;padding:0 30px 22px 0}.royal .ev:nth-child(2n){text-align:left;margin-left:50%;padding:22px 0 22px 30px}.royal .ev .rn{top:10px;left:auto;right:-17px}.royal .ev:nth-child(2n) .rn{top:32px;left:-17px;right:auto}.royal .ev .box{padding:14px}.royal .ev h3{font-size:21px}.royal .ev p{font-size:13px}.royal .grid{columns:2;column-gap:10px;display:block}.royal .grid .tile,.royal .grid .tile:first-child{aspect-ratio:auto;break-inside:avoid;border-radius:12px;width:100%;margin:0 0 10px;display:block}.royal .grid img{height:auto;display:block}.royal footer .display{font-family:var(--script);font-size:52px;font-weight:400;line-height:1.1}.royal footer .blessing{letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin:4px 0 18px;font-size:13px}.royal footer .fnav{letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:26px;font-size:13px;display:flex}.royal footer .fnav a{color:var(--accent);opacity:.9;text-decoration:none}.royal #events .sSub,.royal #couple .sSub{display:none}.royal .sTitle{background-image:linear-gradient(100deg,color-mix(in srgb,var(--accentOnPage) 55%,#000),var(--accentOnPage) 50%,color-mix(in srgb,var(--accentOnPage) 80%,#000))}.royal footer .motif{width:84px;height:52px;margin:0 auto 10px}.royal footer>p{letter-spacing:.14em;text-transform:uppercase;opacity:.8;margin:4px 0 18px;font-size:13px}.royal main{max-width:none;box-shadow:none}.royal section>:not(.wave){max-width:760px;margin-left:auto;margin-right:auto}.royal section{padding:72px 22px}.royal .sSub{color:var(--ink);opacity:.78}.royal .links{max-width:760px}.royal #hero .names.script{font-size:clamp(56px,11vw,112px)}.royal #hero .guest{font-size:clamp(30px,5vw,48px)}.royal #hero .msg{max-width:30em;font-size:clamp(17px,2vw,20px)}.royal #hero .heroArt.art{max-width:270px}.royal footer{padding:64px 22px 120px}.royal .form{max-width:480px}@media (min-width:720px){.royal section{padding:96px 32px}.royal .pair{gap:22px;max-width:680px}.royal .avatar{width:132px;height:132px}.royal .person{padding:30px 20px 26px}.royal .person .parents{font-size:15px}.royal .timeline{max-width:760px}.royal .ev{padding-right:44px}.royal .ev:nth-child(2n){padding-left:44px}.royal .ev h3{font-size:26px}.royal .ev p{font-size:15px}.royal .grid{columns:3;column-gap:14px}.royal .grid .tile,.royal .grid .tile:first-child{margin-bottom:14px}.royal .links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.royal .links .btn{width:auto;padding:0 20px}#venue iframe{height:380px}}@media (max-width:400px){.royal section{padding:56px 14px}.royal .pair{gap:10px}.royal .avatar{width:84px;height:84px}.royal .person{padding:18px 8px 16px}.royal .person .parents{font-size:12px}.royal .ev h3{font-size:18px}.royal .ev p,.royal .ev a{font-size:12px}.royal .ev .t{padding:2px 8px;font-size:11px}}@media (min-aspect-ratio:3/4){#cover.art{box-shadow:0 0 0 100vmax color-mix(in srgb,var(--deep) 55%,#000)}}@media (max-width:380px){#nav a{padding:9px;font-size:13px}#nav{max-width:calc(100vw - 16px)}}@media (max-width:520px){.royal .timeline:before{left:17px}.royal .ev,.royal .ev:nth-child(2n){text-align:left;width:100%;margin-left:0;padding:0 0 18px 54px}.royal .ev .rn,.royal .ev:nth-child(2n) .rn{top:12px;left:0;right:auto}.royal .ev h3{font-size:22px}.royal .ev p,.royal .ev a{font-size:14px}.royal .ev .t{padding:3px 10px;font-size:12px}}.heroimg #hero,.heroimg #rsvp,.heroimg footer{background:linear-gradient(color-mix(in srgb,var(--deep) var(--shade,38%),transparent),color-mix(in srgb,var(--deep) var(--shade,38%),transparent)),var(--heroImg) center/cover no-repeat,var(--deep)}.heroimg #rsvp,.heroimg footer{--shade:70%}.heroimg #hero:before{display:none}.royal .sTitle{font-family:var(--title,var(--font-cinzel),serif)}.royal[data-t=editorial] .sTitle,.royal[data-t=botanic] .sTitle,.royal[data-t=blush] .sTitle,.royal[data-t=noir] .sTitle,.royal[data-t=boho] .sTitle,.royal[data-t=arch] .sTitle,.royal[data-t=emerald] .sTitle,.royal[data-t=champagne] .sTitle{letter-spacing:.14em;font-size:clamp(22px,5vw,30px);font-weight:600}#cover.plain .leaf{display:none}#cover.plain{background:var(--coverImg) center/cover no-repeat,var(--deep);transition:opacity 1s}#cover.plain.opening{opacity:0}#cover.plain .coverCard{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:0}@media (max-width:700px){body.locked #makeIt{display:none}}@media (max-height:760px){.coverCouple{border-radius:31px 31px 8px 8px;width:62px;height:82px;margin-bottom:2px}#cover .coverCard{gap:3px;padding:16px 18px 14px}#cover .names{font-size:clamp(44px,12.5vw,58px)}#cover.env .coverCard .names{font-size:clamp(34px,10vw,44px)}.coverCard .for{margin-top:10px}.seal{width:76px;height:76px;margin-top:10px;font-size:24px}.envelope{width:min(74vw,290px);margin-top:10px}.envelope .seal{width:66px;height:66px;font-size:20px}}#makeIt{top:calc(14px + env(safe-area-inset-top));padding:8px 14px;font-size:13px;bottom:auto;left:auto;right:14px}@media (max-width:700px){#makeIt{bottom:auto}}@media (max-width:480px){.royal #hero .heroArt.art{max-width:min(210px,58vw)}.royal #hero{padding-top:64px}#demo{max-width:calc(100vw - 168px)}#demo span{max-width:calc(100vw - 260px)}}.qr svg{width:150px;height:150px}
