{"id":2372,"date":"2026-09-21T12:39:00","date_gmt":"2026-09-21T12:39:00","guid":{"rendered":"https:\/\/dev.artistbrook.com\/?page_id=2372"},"modified":"2026-09-21T12:43:06","modified_gmt":"2026-09-21T12:43:06","slug":"templet-test2","status":"publish","type":"page","link":"https:\/\/dev.artistbrook.com\/am\/templet-test2\/","title":{"rendered":"templet-test2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2372\" class=\"elementor elementor-2372\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf0575d e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"bf0575d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6126783 elementor-widget elementor-widget-shortcode\" data-id=\"6126783\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Alex+Brush&#038;family=Cinzel:wght@400;600;700&#038;family=Cormorant+Garamond:ital,wght@0,500;1,500&#038;family=Great+Vibes&#038;family=Montserrat:wght@400;500;600&#038;family=Oswald:wght@600;700&#038;display=swap\" rel=\"stylesheet\">\n    <div class=\"yfs-page-form\" id=\"yfs-root\" data-cfg=\"{&quot;icons&quot;:{&quot;utensils&quot;:&quot;&lt;svg class=\\&quot;fk-ic\\&quot; viewBox=\\&quot;0 0 24 24\\&quot; width=\\&quot;26\\&quot; height=\\&quot;26\\&quot; fill=\\&quot;none\\&quot; stroke=\\&quot;currentColor\\&quot; stroke-width=\\&quot;1.4\\&quot; stroke-linecap=\\&quot;round\\&quot; stroke-linejoin=\\&quot;round\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;&lt;path d=\\&quot;M3 2v7a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2V2\\&quot;\\\/&gt;&lt;path d=\\&quot;M7 2v20\\&quot;\\\/&gt;&lt;path d=\\&quot;M21 15V2a5 5 0 0 0-5 5v6a2 2 0 0 0 2 2h3Zm0 0v7\\&quot;\\\/&gt;&lt;\\\/svg&gt;&quot;,&quot;rings&quot;:&quot;&lt;svg class=\\&quot;fk-ic\\&quot; viewBox=\\&quot;0 0 24 24\\&quot; width=\\&quot;26\\&quot; height=\\&quot;26\\&quot; fill=\\&quot;none\\&quot; stroke=\\&quot;currentColor\\&quot; stroke-width=\\&quot;1.4\\&quot; stroke-linecap=\\&quot;round\\&quot; stroke-linejoin=\\&quot;round\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;&lt;circle cx=\\&quot;8\\&quot; cy=\\&quot;14.6\\&quot; r=\\&quot;5.9\\&quot;\\\/&gt;&lt;circle cx=\\&quot;16\\&quot; cy=\\&quot;14.6\\&quot; r=\\&quot;5.9\\&quot;\\\/&gt;&lt;path d=\\&quot;M16 2.2l2.3 2.7L16 8.1l-2.3-3.2z\\&quot;\\\/&gt;&lt;\\\/svg&gt;&quot;,&quot;camera&quot;:&quot;&lt;svg class=\\&quot;fk-ic\\&quot; viewBox=\\&quot;0 0 24 24\\&quot; width=\\&quot;26\\&quot; height=\\&quot;26\\&quot; fill=\\&quot;none\\&quot; stroke=\\&quot;currentColor\\&quot; stroke-width=\\&quot;1.4\\&quot; stroke-linecap=\\&quot;round\\&quot; stroke-linejoin=\\&quot;round\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;&lt;path d=\\&quot;M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z\\&quot;\\\/&gt;&lt;circle cx=\\&quot;12\\&quot; cy=\\&quot;13\\&quot; r=\\&quot;3.2\\&quot;\\\/&gt;&lt;\\\/svg&gt;&quot;,&quot;music&quot;:&quot;&lt;svg class=\\&quot;fk-ic\\&quot; viewBox=\\&quot;0 0 24 24\\&quot; width=\\&quot;26\\&quot; height=\\&quot;26\\&quot; fill=\\&quot;none\\&quot; stroke=\\&quot;currentColor\\&quot; stroke-width=\\&quot;1.4\\&quot; stroke-linecap=\\&quot;round\\&quot; stroke-linejoin=\\&quot;round\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;&lt;path d=\\&quot;M9 18V5l12-2v13\\&quot;\\\/&gt;&lt;circle cx=\\&quot;6\\&quot; cy=\\&quot;18\\&quot; r=\\&quot;3\\&quot;\\\/&gt;&lt;circle cx=\\&quot;18\\&quot; cy=\\&quot;16\\&quot; r=\\&quot;3\\&quot;\\\/&gt;&lt;\\\/svg&gt;&quot;,&quot;glass&quot;:&quot;&lt;svg class=\\&quot;fk-ic\\&quot; viewBox=\\&quot;0 0 24 24\\&quot; width=\\&quot;26\\&quot; height=\\&quot;26\\&quot; fill=\\&quot;none\\&quot; stroke=\\&quot;currentColor\\&quot; stroke-width=\\&quot;1.4\\&quot; stroke-linecap=\\&quot;round\\&quot; stroke-linejoin=\\&quot;round\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;&lt;path d=\\&quot;M7 3h10l-.6 5.5A4.4 4.4 0 0 1 12 12.6 4.4 4.4 0 0 1 7.6 8.5z\\&quot;\\\/&gt;&lt;path d=\\&quot;M12 12.6V21\\&quot;\\\/&gt;&lt;path d=\\&quot;M8.5 21h7\\&quot;\\\/&gt;&lt;\\\/svg&gt;&quot;,&quot;cake&quot;:&quot;&lt;svg class=\\&quot;fk-ic\\&quot; viewBox=\\&quot;0 0 24 24\\&quot; width=\\&quot;26\\&quot; height=\\&quot;26\\&quot; fill=\\&quot;none\\&quot; stroke=\\&quot;currentColor\\&quot; stroke-width=\\&quot;1.4\\&quot; stroke-linecap=\\&quot;round\\&quot; stroke-linejoin=\\&quot;round\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;&lt;path d=\\&quot;M4 21h16\\&quot;\\\/&gt;&lt;path d=\\&quot;M5 21v-8h14v8\\&quot;\\\/&gt;&lt;path d=\\&quot;M5 17c2.3 1.6 4.7 1.6 7 0s4.7-1.6 7 0\\&quot;\\\/&gt;&lt;path d=\\&quot;M12 13V9.5\\&quot;\\\/&gt;&lt;path d=\\&quot;M12 5.8c1.1 1.2 1.1 2.4 0 3.7-1.1-1.3-1.1-2.5 0-3.7Z\\&quot;\\\/&gt;&lt;\\\/svg&gt;&quot;,&quot;door&quot;:&quot;&lt;svg class=\\&quot;fk-ic\\&quot; viewBox=\\&quot;0 0 24 24\\&quot; width=\\&quot;26\\&quot; height=\\&quot;26\\&quot; fill=\\&quot;none\\&quot; stroke=\\&quot;currentColor\\&quot; stroke-width=\\&quot;1.4\\&quot; stroke-linecap=\\&quot;round\\&quot; stroke-linejoin=\\&quot;round\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;&lt;path d=\\&quot;M6 21V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v17\\&quot;\\\/&gt;&lt;path d=\\&quot;M3.5 21h17\\&quot;\\\/&gt;&lt;path d=\\&quot;M14.6 12.4v.01\\&quot;\\\/&gt;&lt;\\\/svg&gt;&quot;,&quot;heart&quot;:&quot;&lt;svg class=\\&quot;fk-ic\\&quot; viewBox=\\&quot;0 0 24 24\\&quot; width=\\&quot;26\\&quot; height=\\&quot;26\\&quot; fill=\\&quot;none\\&quot; stroke=\\&quot;currentColor\\&quot; stroke-width=\\&quot;1.4\\&quot; stroke-linecap=\\&quot;round\\&quot; stroke-linejoin=\\&quot;round\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;&lt;path d=\\&quot;M12 20.3S4 15.6 4 9.9A4.4 4.4 0 0 1 12 7.6a4.4 4.4 0 0 1 8 2.3c0 5.7-8 10.4-8 10.4Z\\&quot;\\\/&gt;&lt;\\\/svg&gt;&quot;,&quot;clock&quot;:&quot;&lt;svg class=\\&quot;fk-ic\\&quot; viewBox=\\&quot;0 0 24 24\\&quot; width=\\&quot;26\\&quot; height=\\&quot;26\\&quot; fill=\\&quot;none\\&quot; stroke=\\&quot;currentColor\\&quot; stroke-width=\\&quot;1.4\\&quot; stroke-linecap=\\&quot;round\\&quot; stroke-linejoin=\\&quot;round\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;&lt;circle cx=\\&quot;12\\&quot; cy=\\&quot;12\\&quot; r=\\&quot;9\\&quot;\\\/&gt;&lt;path d=\\&quot;M12 7v5l3 2\\&quot;\\\/&gt;&lt;\\\/svg&gt;&quot;},&quot;rules&quot;:{&quot;camera&quot;:[&quot;photo&quot;,&quot;picture&quot;,&quot;shoot&quot;,&quot;\\u134e\\u1276&quot;],&quot;music&quot;:[&quot;danc&quot;,&quot;music&quot;,&quot;party&quot;,&quot;band&quot;,&quot;dj&quot;,&quot;\\u12f3\\u1295\\u1235&quot;,&quot;\\u132d\\u1348\\u122b&quot;,&quot;\\u1219\\u12da\\u1243&quot;],&quot;cake&quot;:[&quot;cake&quot;,&quot;\\u12ac\\u12ad&quot;],&quot;glass&quot;:[&quot;toast&quot;,&quot;drink&quot;,&quot;cheers&quot;,&quot;cocktail&quot;],&quot;door&quot;:[&quot;entrance&quot;,&quot;arrival&quot;,&quot;welcome&quot;,&quot;guests arrive&quot;,&quot;grand entry&quot;],&quot;utensils&quot;:[&quot;lunch&quot;,&quot;dinner&quot;,&quot;reception&quot;,&quot;meal&quot;,&quot;food&quot;,&quot;feast&quot;,&quot;buffet&quot;,&quot;breakfast&quot;,&quot;\\u121d\\u1233&quot;,&quot;\\u12a5\\u122b\\u1275&quot;,&quot;\\u130d\\u1265\\u12e3&quot;],&quot;rings&quot;:[&quot;wedding&quot;,&quot;ceremony&quot;,&quot;vow&quot;,&quot;marriage&quot;,&quot;ring&quot;,&quot;church&quot;,&quot;mahber&quot;,&quot;\\u1220\\u122d\\u130d&quot;,&quot;\\u1230\\u122d\\u130d&quot;,&quot;\\u130b\\u1265\\u127b&quot;,&quot;\\u1243\\u120d&quot;]},&quot;heart&quot;:&quot;&lt;svg class=\\&quot;fk-heart\\&quot; viewBox=\\&quot;0 0 48 44\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;&lt;path d=\\&quot;M24 40.5C10.5 30.8 3.5 23.6 3.5 14.8 3.5 8.8 8.1 4.5 13.6 4.5c4.1 0 8 2.3 10.4 6.1 2.4-3.8 6.3-6.1 10.4-6.1 5.5 0 10.1 4.3 10.1 10.3 0 8.8-7 16-20.5 25.7z\\&quot;\\\/&gt;&lt;\\\/svg&gt;&quot;,&quot;pinkHeart&quot;:&quot;&lt;svg class=\\&quot;fk-hh\\&quot; viewBox=\\&quot;0 0 24 24\\&quot; width=\\&quot;26\\&quot; height=\\&quot;26\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;&lt;path fill=\\&quot;#ff5d9e\\&quot; d=\\&quot;M12 21.2S3.6 16 3.6 9.6a4.7 4.7 0 0 1 8.4-2.9 4.7 4.7 0 0 1 8.4 2.9c0 6.4-8.4 11.6-8.4 11.6z\\&quot;\\\/&gt;&lt;path fill=\\&quot;#fff\\&quot; fill-opacity=\\&quot;.45\\&quot; d=\\&quot;M7 8.2a2.3 2.3 0 0 1 2.3-1.5c.5 0 .6.5.2.7A2.7 2.7 0 0 0 7.9 9.6c-.2.5-.9.4-.9-.2z\\&quot;\\\/&gt;&lt;\\\/svg&gt;&quot;,&quot;pin&quot;:&quot;&lt;svg class=\\&quot;fk-pin\\&quot; viewBox=\\&quot;0 0 24 24\\&quot; width=\\&quot;18\\&quot; height=\\&quot;18\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;&lt;path fill=\\&quot;currentColor\\&quot; d=\\&quot;M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7zm0 9.6A2.6 2.6 0 1 1 12 6.4a2.6 2.6 0 0 1 0 5.2z\\&quot;\\\/&gt;&lt;\\\/svg&gt;&quot;}\">\n      <style>\n        .yfs-page-form{--ink:#171412;--gold:#b8955d;--muted:#766d64;--line:#ded4c8;--paper:#fbf8f2;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:var(--paper);color:var(--ink);font-family:inherit}\n        .yfs-page-form .ff-workspace{display:grid;grid-template-columns:minmax(600px,1fr) minmax(420px,34vw);gap:0;height:calc(100vh - 150px);min-height:760px}\n        .yfs-page-form .ff-workspace.ff-ws-desktop{grid-template-columns:minmax(460px,40%) minmax(0,1fr)}\n        .yfs-page-form .ff-editor,.yfs-page-form .ff-preview-wrap{min-height:0;overflow-y:auto}\n        .yfs-page-form .ff-editor{border-right:1px solid var(--line)}\n        .yfs-page-form .ff-preview-label{position:sticky;top:-22px;z-index:10;color:#fff;text-align:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:9px 0 13px;background:linear-gradient(#3a3a3a 70%,rgba(58,58,58,0));display:flex;align-items:center;justify-content:center;gap:12px}\n        .yfs-page-form .ff-preview-toggle{display:inline-flex;border:1px solid rgba(255,255,255,.3);border-radius:999px;overflow:hidden}\n        .yfs-page-form .ff-preview-toggle button{border:0;border-radius:0;margin:0;min-height:0;background:transparent;color:#d8d8d8;font-size:11px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;padding:5px 13px;cursor:pointer;font-weight:400}\n        .yfs-page-form .ff-preview-toggle button.is-active{background:#fff;color:#171412}\n        .yfs-page-form .ff-device{margin:0 auto;background:#000;box-shadow:0 24px 70px rgba(0,0,0,.45);border-radius:8px;overflow:hidden;position:relative;width:390px;height:700px}\n        .yfs-page-form .ff-device iframe{display:block;border:0;background:#000;transform-origin:0 0;max-width:none;width:390px;height:700px}\n        .yfs-page-form .ff-submit-wrap{position:sticky;bottom:0;background:rgba(251,248,242,.97);padding:16px 38px;border-top:1px solid var(--line);z-index:20}\n        .yfs-page-form *{box-sizing:border-box}\n        .yfs-page-form .ff-title{padding:30px 38px;background:#211b16;color:#fff}\n        .yfs-page-form h1{font:400 38px Georgia,serif;margin:0}\n        .yfs-page-form h2{font:400 27px Georgia,serif;margin:0 0 8px}\n        .yfs-page-form .ff-title p,.yfs-page-form .ff-help{color:#d8cabc;line-height:1.6;margin:8px 0 0;font-size:13px}\n        .yfs-page-form .ff-help{color:var(--muted);margin:0 0 18px}\n        .yfs-page-form .ff-section{padding:29px 38px;border-bottom:1px solid var(--line)}\n        .yfs-page-form .ff-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}\n        .yfs-page-form .ff-wide{grid-column:1\/-1}\n        .yfs-page-form label{display:block;font-size:13px;font-weight:700}\n        .yfs-page-form input,.yfs-page-form textarea,.yfs-page-form select{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #d8cec1;background:#fff;color:var(--ink);font:inherit;font-weight:400}\n        .yfs-page-form textarea{resize:vertical;min-height:120px}\n        .yfs-page-form small{font-weight:400;color:var(--muted)}\n        .yfs-page-form .ff-pill-group{display:flex;gap:8px;margin-top:7px;flex-wrap:wrap}\n        .yfs-page-form .ff-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:58px!important;min-height:38px!important;height:auto!important;margin:0!important;padding:8px 15px!important;border:1px solid #bfb3a5!important;border-radius:999px!important;background:#fff!important;color:#171412!important;font-size:13px!important;line-height:1.2!important;cursor:pointer!important;font-weight:500!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important;text-shadow:none!important;box-shadow:none!important;text-transform:none!important}\n        .yfs-page-form .ff-pill:hover,.yfs-page-form .ff-pill:focus{background:#f4eee7!important;color:#171412!important;border-color:#bfb3a5!important;outline:none!important}\n        .yfs-page-form .ff-pill.is-active,.yfs-page-form .ff-pill.is-active:hover,.yfs-page-form .ff-pill.is-active:focus{background:#171412!important;color:#ffffff!important;border-color:#171412!important}\n        .yfs-page-form .ff-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}\n        .yfs-page-form .ff-toggle-row span{font-size:13px;font-weight:700}\n        .yfs-page-form .ff-toggle-row label{display:flex;align-items:center;gap:6px;font-weight:400}\n        .yfs-page-form .ff-toggle-row input{display:inline-block;width:auto;margin:0}\n        .yfs-page-form .ff-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}\n        .yfs-page-form .ff-tl-row{display:grid;grid-template-columns:.8fr .8fr 1.4fr 1.2fr;gap:12px;margin-bottom:6px}\n        .yfs-page-form .chip-list{margin-top:8px}\n        .yfs-page-form .chip{display:inline-flex;align-items:center;gap:6px;background:#efe6d6;padding:5px 11px;border-radius:999px;font-size:12.5px;margin:0 6px 6px 0}\n        .yfs-page-form .chip button{border:0;background:none;cursor:pointer;font-size:13px}\n        .yfs-page-form .ff-palettes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}\n        .yfs-page-form .ff-palette{border:1px solid #d8cec1;padding:10px;background:#fff;cursor:pointer;font-size:12.5px;font-weight:700;text-align:center}\n        .yfs-page-form .ff-palette.is-selected{border:2px solid var(--gold);padding:9px;box-shadow:0 0 0 3px rgba(184,149,93,.13)}\n        .yfs-page-form .ff-palette input{display:inline-block;width:auto;margin:0 4px 0 0;vertical-align:middle}\n        .yfs-page-form .ff-swatch{display:flex;align-items:center;justify-content:center;height:56px;margin-top:9px;font:20px 'Cinzel',serif;letter-spacing:.04em;border:1px solid var(--line)}\n        .yfs-page-form .ff-style-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}\n        .yfs-page-form .ff-style-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:78px;padding:9px 6px;border:1px solid #d8cec1;background:#fff;cursor:pointer;text-align:center;font-size:11px;font-weight:600}\n        .yfs-page-form .ff-style-chip.is-selected{border:2px solid var(--gold);padding:8px 5px;box-shadow:0 0 0 3px rgba(184,149,93,.13)}\n        .yfs-page-form .ff-style-chip span{font-size:24px;line-height:1}\n        .yfs-page-form .ff-anim-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:10px}\n        .yfs-page-form .ff-anim-chip{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px;border:1px solid #d8cec1;background:#fff;cursor:pointer;text-align:center;font-size:11px;font-weight:600}\n        .yfs-page-form .ff-anim-chip.is-selected{border:2px solid var(--gold);padding:7px;box-shadow:0 0 0 3px rgba(184,149,93,.13)}\n        @media(max-width:720px){.yfs-page-form .ff-style-grid,.yfs-page-form .ff-anim-grid{grid-template-columns:1fr 1fr}.yfs-page-form .ff-style-chip:last-child{grid-column:1\/-1}}\n        .yfs-page-form .ff-preview-wrap{background:#3a3a3a;padding:22px 24px 60px;position:relative;scroll-behavior:smooth}\n        .yfs-page-form .ff-submit{width:100%;margin-top:0;padding:15px 25px;background:#211c18;color:#fff;border:0;font-weight:700;cursor:pointer}\n        .yfs-page-form .ff-note{font-size:12px;color:var(--muted);margin-top:10px}\n        @media(max-width:720px){.yfs-page-form .ff-title,.yfs-page-form .ff-section,.yfs-page-form .ff-submit-wrap{padding-left:20px;padding-right:20px}.yfs-page-form .ff-grid,.yfs-page-form .ff-photo-grid,.yfs-page-form .ff-tl-row{grid-template-columns:1fr}.yfs-page-form .ff-palettes{grid-template-columns:1fr 1fr}}\n        @media(max-width:850px){.yfs-page-form .ff-workspace{display:block;height:auto;min-height:0}.yfs-page-form .ff-editor{border-right:0}.yfs-page-form .ff-preview-wrap{height:900px}}\n      <\/style>\n      <div class=\"ff-title\"><h1>Templet-2<\/h1><p>Enter the couple's details, preview the invitation in Mobile or Desktop view, then create a new page with the couple's names in its web address.<\/p><\/div>\n      <form method=\"post\" action=\"https:\/\/dev.artistbrook.com\/wp-admin\/admin-post.php\" enctype=\"multipart\/form-data\" id=\"yfs-form\">\n        <input type=\"hidden\" name=\"action\" value=\"yfs_create_page\">\n        <input type=\"hidden\" name=\"editors_json\" id=\"ff-editors-json\" value=\"[]\">\n        <input type=\"hidden\" name=\"verse_type\" id=\"ff-verse-type\" value=\"none\">\n        <input type=\"hidden\" id=\"yfs_nonce\" name=\"yfs_nonce\" value=\"9f99d94103\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/am\/wp-json\/wp\/v2\/pages\/2372\" \/>\n        <div class=\"ff-workspace\"><div class=\"ff-editor\">\n        <section class=\"ff-section\">\n          <h2>01. Photo &amp; couple<\/h2>\n          <p class=\"ff-help\">The First photo sits at the very top and fades into the page background \u2014 a tall (portrait) photo works best. The names, date and small sentence are printed just below it. This photo is also the thumbnail shown when the link is shared.<\/p>\n          <div class=\"ff-grid\">\n            <label class=\"ff-wide\">First photo<input name=\"hero_photo\" type=\"file\" accept=\"image\/jpeg,image\/png,image\/webp\" data-img=\"hero\"><\/label>\n            <label>Person one<input name=\"person_one\" value=\"Fikerab\" required maxlength=\"80\"><\/label>\n            <label>Person two<input name=\"person_two\" value=\"Fenan\" required maxlength=\"80\"><\/label>\n            <label class=\"ff-wide\">Small sentence under the names<input name=\"hero_tagline\" value=\"Are getting married !\" maxlength=\"80\"><\/label>\n            <label>Wedding date<input name=\"event_date\" type=\"date\" required><\/label>\n            <label>Wedding time <small>(used for the countdown)<\/small><input name=\"event_time\" type=\"time\" value=\"11:00\" required><\/label>\n            <div class=\"ff-wide\">\n              <label>Bible \/ Quran verse <small>(optional)<\/small><\/label>\n              <div class=\"ff-pill-group\" id=\"ff-verse-pills\">\n                <button type=\"button\" class=\"ff-pill is-active\" data-v=\"none\">None<\/button>\n                <button type=\"button\" class=\"ff-pill\" data-v=\"bible\">Bible<\/button>\n                <button type=\"button\" class=\"ff-pill\" data-v=\"quran\">Quran<\/button>\n              <\/div>\n              <div id=\"ff-verse-fields\" style=\"display:none;margin-top:10px\">\n                <input name=\"verse_text\" placeholder=\"Verse text\">\n                <input name=\"verse_ref\" placeholder=\"Reference, e.g. 1 Corinthians 13:4\" style=\"margin-top:8px\">\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div style=\"margin-top:22px\">\n            <label>Couple name style<\/label>\n            <div class=\"ff-style-grid\" id=\"ff-name-styles\">\n              <label class=\"ff-style-chip is-selected\"><input type=\"radio\" name=\"name_style\" value=\"script\" checked style=\"display:none\"><strong>1. Script<\/strong><span style=\"font-family:'Alex Brush',cursive\">F &amp; F<\/span><\/label>\n              <label class=\"ff-style-chip\"><input type=\"radio\" name=\"name_style\" value=\"elegant\" style=\"display:none\"><strong>2. Elegant<\/strong><span style=\"font-family:'Great Vibes',cursive\">F &amp; F<\/span><\/label>\n              <label class=\"ff-style-chip\"><input type=\"radio\" name=\"name_style\" value=\"modern\" style=\"display:none\"><strong>3. Modern<\/strong><span style=\"font-family:'Montserrat',sans-serif;font-weight:600\">F &amp; F<\/span><\/label>\n              <label class=\"ff-style-chip\"><input type=\"radio\" name=\"name_style\" value=\"editorial\" style=\"display:none\"><strong>4. Editorial<\/strong><span style=\"font-family:'Cormorant Garamond',serif;font-style:italic\">F &amp; F<\/span><\/label>\n              <label class=\"ff-style-chip\"><input type=\"radio\" name=\"name_style\" value=\"luxe\" style=\"display:none\"><strong>5. Luxe<\/strong><span style=\"font-family:'Cormorant Garamond',serif;letter-spacing:.08em\">F &amp; F<\/span><\/label>\n            <\/div>\n            <label style=\"margin-top:16px\">Couple name animation<\/label>\n            <div class=\"ff-anim-grid\" id=\"ff-name-anims\">\n              <label class=\"ff-anim-chip is-selected\"><input type=\"radio\" name=\"name_anim\" value=\"rise\" checked style=\"display:none\">Rise &amp; fade<\/label>\n              <label class=\"ff-anim-chip\"><input type=\"radio\" name=\"name_anim\" value=\"cascade\" style=\"display:none\">Letter cascade<\/label>\n              <label class=\"ff-anim-chip\"><input type=\"radio\" name=\"name_anim\" value=\"shimmer\" style=\"display:none\">Gold shimmer<\/label>\n              <label class=\"ff-anim-chip\"><input type=\"radio\" name=\"name_anim\" value=\"float\" style=\"display:none\">Gentle float<\/label>\n              <label class=\"ff-anim-chip\"><input type=\"radio\" name=\"name_anim\" value=\"reveal\" style=\"display:none\">Ink reveal<\/label>\n            <\/div>\n            <div class=\"ff-grid\" style=\"margin-top:16px\">\n              <label>Couple name color<input type=\"color\" name=\"name_color\" value=\"#ffffff\"><\/label>\n              <label>Couple name size (px)<input type=\"number\" name=\"name_size\" min=\"28\" max=\"120\" value=\"42\"><\/label>\n              <label>Small sentence size (px)<input type=\"number\" name=\"tagline_size\" min=\"10\" max=\"36\" value=\"13\"><\/label>\n              <label>Small sentence color<input type=\"color\" name=\"tagline_color\" value=\"#a89968\"><\/label>\n              <label>Wedding date size (px)<input type=\"number\" name=\"date_size\" min=\"12\" max=\"40\" value=\"19\"><\/label>\n              <label>Wedding date color<input type=\"color\" name=\"date_color\" value=\"#ffffff\"><\/label>\n            <\/div>\n          <\/div>\n        <\/section>\n\n        <section class=\"ff-section\">\n          <h2>02. Greeting &amp; message<\/h2>\n          <p class=\"ff-help\">One paragraph per line. Wrap words in **double stars** for bold and *single stars* for italic.<\/p>\n          <div class=\"ff-grid\">\n            <label class=\"ff-wide\">Greeting line<input name=\"greeting\" value=\"Dear families and friends\" maxlength=\"120\"><\/label>\n            <label>Greeting size (px)<input type=\"number\" name=\"greeting_size\" min=\"14\" max=\"72\" value=\"22\"><\/label>\n            <label>Greeting color<input type=\"color\" name=\"greeting_color\" value=\"#e3cf8f\"><\/label>\n            <label class=\"ff-wide\">Message<textarea name=\"message\">Together with their families, **Fikerab &amp; Fenan** joyfully invite you to celebrate their wedding day!\nJoin us as we say *\u201cI do\u201d* at the **Hilton International**.\nIt will be a beautiful evening filled with love, laughter, and unforgettable memories and we\u2019d be honored to share it with you.<\/textarea><\/label>\n            <label>Basic info \/ message size (px)<input type=\"number\" name=\"message_size\" min=\"12\" max=\"32\" value=\"13\"><\/label>\n            <label>Basic info \/ message color<input type=\"color\" name=\"message_color\" value=\"#ffffff\"><\/label>\n          <\/div>\n        <\/section>\n\n        <section class=\"ff-section\">\n          <h2>03. Location<\/h2>\n          <p class=\"ff-help\">The venue name is plain text. Only the map and the \u201cOpen in Google Maps\u201d button are links. To pin the exact spot: open Google Maps, find the venue, press Share \u2192 Copy link, and paste it below.<\/p>\n          <div class=\"ff-grid\">\n            <label class=\"ff-wide\">Venue name<input name=\"location\" value=\"Hilton International Hotel, Ethiopia\" required maxlength=\"160\"><\/label>\n            <label class=\"ff-wide\">Google Maps link <small>\u2014 optional, makes the pin exact<\/small><input name=\"location_map_url\" type=\"url\" placeholder=\"https:\/\/maps.app.goo.gl\/\u2026 or https:\/\/www.google.com\/maps\/place\/\u2026\"><\/label>\n          <\/div>\n          <div class=\"ff-toggle-row\"><span>Show the map and \u201cOpen in Google Maps\u201d button<\/span><label><input type=\"checkbox\" name=\"show_map\" value=\"yes\" checked> Show it<\/label><\/div>\n        <\/section>\n\n        <section class=\"ff-section\">\n          <h2>04. Calendar<\/h2>\n          <p class=\"ff-help\">Choose a photo for the calendar card \u2014 it is automatically blurred and dimmed so the dates stay readable. If you skip it, the hero photo is used.<\/p>\n          <div class=\"ff-toggle-row\"><span>Show the calendar card<\/span><label><input type=\"checkbox\" name=\"show_calendar\" value=\"yes\" checked> Show it<\/label><\/div>\n          <div class=\"ff-grid\">\n            <label>Calendar photo<input name=\"calendar_photo\" type=\"file\" accept=\"image\/jpeg,image\/png,image\/webp\" data-img=\"cal\"><\/label>\n            <label>Photo look\n              <select name=\"photo_fx\">\n                <option value=\"soft\">Soft blur (like the sample)<\/option>\n                <option value=\"dark\">Dark &amp; moody<\/option>\n                <option value=\"film\">Warm film<\/option>\n              <\/select>\n            <\/label>\n            <label class=\"ff-wide\">Calendar heading<input name=\"cal_heading\" value=\"Save the date\" maxlength=\"60\"><\/label>\n          <\/div>\n          <div class=\"ff-toggle-row\"><span>\u201cAdd to calendar\u201d button<\/span><label><input type=\"checkbox\" name=\"add_to_calendar\" value=\"yes\" checked> Show it<\/label><\/div>\n        <\/section>\n\n        <section class=\"ff-section\">\n          <h2>05. Three photos<\/h2>\n          <p class=\"ff-help\">Shown side by side. Hovering one enlarges it; moving away returns it to the same size as the others.<\/p>\n          <div class=\"ff-toggle-row\"><span>Show the three photos<\/span><label><input type=\"checkbox\" name=\"show_gallery\" value=\"yes\" checked> Show it<\/label><\/div>\n          <div class=\"ff-photo-grid\">\n            <label>Photo 1<input type=\"file\" name=\"gallery_1\" accept=\"image\/jpeg,image\/png,image\/webp\" data-img=\"g1\"><\/label>\n            <label>Photo 2<input type=\"file\" name=\"gallery_2\" accept=\"image\/jpeg,image\/png,image\/webp\" data-img=\"g2\"><\/label>\n            <label>Photo 3<input type=\"file\" name=\"gallery_3\" accept=\"image\/jpeg,image\/png,image\/webp\" data-img=\"g3\"><\/label>\n          <\/div>\n        <\/section>\n\n        <section class=\"ff-section\">\n          <h2>06. Event timeline<\/h2>\n          <p class=\"ff-help\">Up to 6 events. Pick each time with the time picker (no typing): set an end time and the next event's start time is filled in automatically \u2014 you can still change it. The end time is optional. The icon is picked from the event name, or choose one yourself. Leave a row empty to skip it.<\/p>\n          <div class=\"ff-toggle-row\"><span>Show the event timeline<\/span><label><input type=\"checkbox\" name=\"show_timeline\" value=\"yes\" checked> Show it<\/label><\/div>\n                      <div class=\"ff-tl-row\">\n              <label>Start time 1<input type=\"time\" name=\"time_start_1\" value=\"11:00\"><\/label>\n              <label>End time 1 <small>(optional)<\/small><input type=\"time\" name=\"time_end_1\" value=\"13:00\"><\/label>\n              <label>Event 1<input name=\"title_1\" value=\"Lunch Program\" placeholder=\"Event title\"><\/label>\n              <label>Icon 1                <select name=\"icon_1\">\n                  <option value=\"auto\">Auto (from the event name)<\/option><option value=\"utensils\">Meal \/ lunch \/ dinner<\/option><option value=\"rings\">Ceremony \/ rings<\/option><option value=\"camera\">Photos<\/option><option value=\"music\">Music \/ dancing<\/option><option value=\"glass\">Toast \/ drinks<\/option><option value=\"cake\">Cake<\/option><option value=\"door\">Entrance \/ arrival<\/option><option value=\"heart\">Heart<\/option><option value=\"clock\">Clock<\/option>                <\/select>\n              <\/label>\n            <\/div>\n                      <div class=\"ff-tl-row\">\n              <label>Start time 2<input type=\"time\" name=\"time_start_2\" value=\"13:10\"><\/label>\n              <label>End time 2 <small>(optional)<\/small><input type=\"time\" name=\"time_end_2\" value=\"14:00\"><\/label>\n              <label>Event 2<input name=\"title_2\" value=\"Wedding Ceremony\" placeholder=\"Event title\"><\/label>\n              <label>Icon 2                <select name=\"icon_2\">\n                  <option value=\"auto\">Auto (from the event name)<\/option><option value=\"utensils\">Meal \/ lunch \/ dinner<\/option><option value=\"rings\">Ceremony \/ rings<\/option><option value=\"camera\">Photos<\/option><option value=\"music\">Music \/ dancing<\/option><option value=\"glass\">Toast \/ drinks<\/option><option value=\"cake\">Cake<\/option><option value=\"door\">Entrance \/ arrival<\/option><option value=\"heart\">Heart<\/option><option value=\"clock\">Clock<\/option>                <\/select>\n              <\/label>\n            <\/div>\n                      <div class=\"ff-tl-row\">\n              <label>Start time 3<input type=\"time\" name=\"time_start_3\" value=\"14:10\"><\/label>\n              <label>End time 3 <small>(optional)<\/small><input type=\"time\" name=\"time_end_3\" value=\"15:00\"><\/label>\n              <label>Event 3<input name=\"title_3\" value=\"Photo\" placeholder=\"Event title\"><\/label>\n              <label>Icon 3                <select name=\"icon_3\">\n                  <option value=\"auto\">Auto (from the event name)<\/option><option value=\"utensils\">Meal \/ lunch \/ dinner<\/option><option value=\"rings\">Ceremony \/ rings<\/option><option value=\"camera\">Photos<\/option><option value=\"music\">Music \/ dancing<\/option><option value=\"glass\">Toast \/ drinks<\/option><option value=\"cake\">Cake<\/option><option value=\"door\">Entrance \/ arrival<\/option><option value=\"heart\">Heart<\/option><option value=\"clock\">Clock<\/option>                <\/select>\n              <\/label>\n            <\/div>\n                      <div class=\"ff-tl-row\">\n              <label>Start time 4<input type=\"time\" name=\"time_start_4\" value=\"15:10\"><\/label>\n              <label>End time 4 <small>(optional)<\/small><input type=\"time\" name=\"time_end_4\" value=\"17:00\"><\/label>\n              <label>Event 4<input name=\"title_4\" value=\"Dancing\" placeholder=\"Event title\"><\/label>\n              <label>Icon 4                <select name=\"icon_4\">\n                  <option value=\"auto\">Auto (from the event name)<\/option><option value=\"utensils\">Meal \/ lunch \/ dinner<\/option><option value=\"rings\">Ceremony \/ rings<\/option><option value=\"camera\">Photos<\/option><option value=\"music\">Music \/ dancing<\/option><option value=\"glass\">Toast \/ drinks<\/option><option value=\"cake\">Cake<\/option><option value=\"door\">Entrance \/ arrival<\/option><option value=\"heart\">Heart<\/option><option value=\"clock\">Clock<\/option>                <\/select>\n              <\/label>\n            <\/div>\n                      <div class=\"ff-tl-row\">\n              <label>Start time 5<input type=\"time\" name=\"time_start_5\" value=\"\"><\/label>\n              <label>End time 5 <small>(optional)<\/small><input type=\"time\" name=\"time_end_5\" value=\"\"><\/label>\n              <label>Event 5<input name=\"title_5\" value=\"\" placeholder=\"Event title\"><\/label>\n              <label>Icon 5                <select name=\"icon_5\">\n                  <option value=\"auto\">Auto (from the event name)<\/option><option value=\"utensils\">Meal \/ lunch \/ dinner<\/option><option value=\"rings\">Ceremony \/ rings<\/option><option value=\"camera\">Photos<\/option><option value=\"music\">Music \/ dancing<\/option><option value=\"glass\">Toast \/ drinks<\/option><option value=\"cake\">Cake<\/option><option value=\"door\">Entrance \/ arrival<\/option><option value=\"heart\">Heart<\/option><option value=\"clock\">Clock<\/option>                <\/select>\n              <\/label>\n            <\/div>\n                      <div class=\"ff-tl-row\">\n              <label>Start time 6<input type=\"time\" name=\"time_start_6\" value=\"\"><\/label>\n              <label>End time 6 <small>(optional)<\/small><input type=\"time\" name=\"time_end_6\" value=\"\"><\/label>\n              <label>Event 6<input name=\"title_6\" value=\"\" placeholder=\"Event title\"><\/label>\n              <label>Icon 6                <select name=\"icon_6\">\n                  <option value=\"auto\">Auto (from the event name)<\/option><option value=\"utensils\">Meal \/ lunch \/ dinner<\/option><option value=\"rings\">Ceremony \/ rings<\/option><option value=\"camera\">Photos<\/option><option value=\"music\">Music \/ dancing<\/option><option value=\"glass\">Toast \/ drinks<\/option><option value=\"cake\">Cake<\/option><option value=\"door\">Entrance \/ arrival<\/option><option value=\"heart\">Heart<\/option><option value=\"clock\">Clock<\/option>                <\/select>\n              <\/label>\n            <\/div>\n                  <\/section>\n\n        <section class=\"ff-section\">\n          <h2>07. Countdown<\/h2>\n          <p class=\"ff-help\">Counts down to the wedding, then automatically switches to \u201cmarried life together\u201d and counts up from the wedding time.<\/p>\n          <div class=\"ff-toggle-row\"><span>Show the countdown banner<\/span><label><input type=\"checkbox\" name=\"countdown_enabled\" value=\"yes\" checked> Show it<\/label><\/div>\n          <div class=\"ff-grid\">\n            <label>Heading before the wedding<input name=\"cd_before\" value=\"Until our big day\" maxlength=\"60\"><\/label>\n            <label>Heading after the wedding<input name=\"cd_after\" value=\"Married life together\" maxlength=\"60\"><\/label>\n            <label class=\"ff-wide\">Banner photo <small>\u2014 optional, uses the calendar photo (or hero) if empty<\/small><input name=\"countdown_photo\" type=\"file\" accept=\"image\/jpeg,image\/png,image\/webp\" data-img=\"cd\"><\/label>\n          <\/div>\n        <\/section>\n\n        <section class=\"ff-section\">\n          <h2>08. Color palette<\/h2>\n          <p class=\"ff-help\">Sets the page background, text and gold-accent color. The photos, calendar overlay and countdown keep working the same way whichever you pick.<\/p>\n          <div class=\"ff-palettes\" id=\"ff-palettes\">\n                          <label class=\"ff-palette is-selected\">\n                <input type=\"radio\" name=\"palette\" value=\"classic\" checked>\n                Classic Noir                <span class=\"ff-swatch\" style=\"background:#000000;color:#e3cf8f\">F &amp; F<\/span>\n              <\/label>\n                          <label class=\"ff-palette\">\n                <input type=\"radio\" name=\"palette\" value=\"noir\">\n                Midnight Noir                <span class=\"ff-swatch\" style=\"background:#0b0d12;color:#d8b874\">F &amp; F<\/span>\n              <\/label>\n                          <label class=\"ff-palette\">\n                <input type=\"radio\" name=\"palette\" value=\"ivory\">\n                Soft Ivory                <span class=\"ff-swatch\" style=\"background:#eadfce;color:#8a5f3c\">F &amp; F<\/span>\n              <\/label>\n                          <label class=\"ff-palette\">\n                <input type=\"radio\" name=\"palette\" value=\"rose\">\n                Evening Rose                <span class=\"ff-swatch\" style=\"background:#3a1f22;color:#eec3b3\">F &amp; F<\/span>\n              <\/label>\n                      <\/div>\n        <\/section>\n\n        <section class=\"ff-section\">\n          <h2>09. Editor access<\/h2>\n          <input type=\"text\" id=\"ff-editor-input\" placeholder=\"name@email.com \u2014 press Enter\">\n          <div class=\"chip-list\" id=\"ff-editor-chips\"><\/div>\n        <\/section>\n\n        <section class=\"ff-section\">\n          <h2>10. Custom link<\/h2>\n          <label class=\"ff-wide\">Custom link (optional)<small> \u2014 leave blank to generate automatically<\/small>\n            <input name=\"custom_slug\" placeholder=\"fikerab-and-fenan\" maxlength=\"80\">\n          <\/label>\n        <\/section>\n\n        <div class=\"ff-submit-wrap\">\n          <button class=\"ff-submit\" type=\"submit\">Create couple invitation page<\/button>\n          <div class=\"ff-note\">After submission, WordPress creates a published page (e.g. \/fikerab-and-fenan\/) and you'll be taken straight to it. You can edit it any time from Pages in wp-admin.<\/div>\n        <\/div>\n        <\/div><div class=\"ff-preview-wrap\">\n          <div class=\"ff-preview-label\">Live preview<span class=\"ff-preview-toggle\"><button type=\"button\" data-view=\"mobile\" class=\"is-active\">Mobile<\/button><button type=\"button\" data-view=\"desktop\">Desktop<\/button><\/span><\/div>\n          <div class=\"ff-device\" id=\"ff-device\"><iframe id=\"ff-frame\" title=\"Live invitation preview\"><\/iframe><\/div>\n        <\/div><\/div>\n      <\/form>\n      <script>\n      (function(){\n        var r = document.getElementById('yfs-root'); if (!r || r.__yfs) return; r.__yfs = 1;\n        var cfg = JSON.parse(r.getAttribute('data-cfg')), f = r.querySelector('#yfs-form');\n        var frame = r.querySelector('#ff-frame'), device = r.querySelector('#ff-device'), panel = r.querySelector('.ff-preview-wrap'), workspace = r.querySelector('.ff-workspace');\n        var YFS_CSS = \".yfs-fk,.yfs-fk *{box-sizing:border-box}\\n.yfs-fk{--gold:#e3cf8f;--sub:#a89968;--bg:#000;--ink:#fff;--panel:#141210;--line:#262626;background:var(--bg);color:var(--ink);font-family:'Montserrat',Arial,sans-serif;font-weight:400;line-height:1.5;text-align:center;overflow:hidden;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);-webkit-font-smoothing:antialiased}\\n.yfs-fk h1,.yfs-fk h2,.yfs-fk p,.yfs-fk figure{margin:0;padding:0;background:none;border:0;text-transform:none;letter-spacing:normal}\\n.yfs-fk a{text-decoration:none;box-shadow:none}\\n.yfs-fk svg{display:inline-block;vertical-align:middle;max-width:none}\\n.yfs-fk .fk-col{max-width:740px;margin:0 auto;background:var(--bg);container-type:inline-size}\\n\\n\\\/* photo looks (used for the calendar card and the count-up banner) *\\\/\\n.yfs-fk.fx-soft{--cal-f:blur(2.5px) brightness(.85) saturate(.95);--cal-o:.62;--cd-f:blur(1.5px) brightness(.85);--cd-o:.8}\\n.yfs-fk.fx-dark{--cal-f:blur(4px) brightness(.62) contrast(1.1);--cal-o:.45;--cd-f:blur(3px) brightness(.6);--cd-o:.6}\\n.yfs-fk.fx-film{--cal-f:blur(2px) sepia(.6) brightness(.82) contrast(1.05);--cal-o:.6;--cd-f:blur(1.5px) sepia(.55) brightness(.8);--cd-o:.75}\\n\\n\\\/* color palettes \\u2014 background \\\/ text \\\/ accent. \\\"classic\\\" is the original\\n   look, kept as the default so pages made before this feature shipped are\\n   unaffected. Choose in the form's \\\"Color palette\\\" section. *\\\/\\n.yfs-fk.pal-classic{--gold:#e3cf8f;--sub:#a89968;--bg:#000000;--ink:#ffffff;--panel:#141210;--line:#262626}\\n.yfs-fk.pal-noir{--gold:#d8b874;--sub:#ddd2bb;--bg:#0b0d12;--ink:#f6f2ea;--panel:#13161d;--line:#262a35}\\n.yfs-fk.pal-ivory{--gold:#8a5f3c;--sub:#4a3b2c;--bg:#eadfce;--ink:#241a10;--panel:#ddcdb2;--line:#cabb9c}\\n.yfs-fk.pal-rose{--gold:#eec3b3;--sub:#f0d9d2;--bg:#3a1f22;--ink:#fdf1ec;--panel:#4a282c;--line:#5c3438}\\n\\n\\\/* 1. HERO \\u2014 photo fades into the page background, no text on the photo *\\\/\\n.yfs-fk .fk-hero{position:relative;aspect-ratio:4\\\/5;background:#0b0b0b;overflow:hidden}\\n.yfs-fk .fk-hero img{position:absolute;left:0;top:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 22%;display:block;border-radius:0}\\n.yfs-fk .fk-hero:after{content:\\\"\\\";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;background:linear-gradient(to top,var(--bg) 0,color-mix(in srgb,var(--bg) 95%,transparent) 6%,color-mix(in srgb,var(--bg) 60%,transparent) 22%,transparent 46%)}\\n\\n\\\/* 2. NAMES + SMALL SENTENCE + DATE + GREETING + MESSAGE *\\\/\\n.yfs-fk .fk-intro{padding:56px 22px 44px}\\n.yfs-fk .fk-hero+.fk-intro{padding-top:8px}\\n.yfs-fk .fk-names{font-family:'Cinzel',serif;font-weight:400;font-size:min(var(--fk-name-size,42px),14vw);line-height:1.12;text-transform:uppercase;letter-spacing:.01em;color:var(--fk-name-color,var(--ink));text-wrap:balance;text-shadow:0 3px 18px rgba(0,0,0,.28)}\\n.yfs-fk .fk-names.name-style-script{font-family:'Alex Brush',cursive;font-weight:400;letter-spacing:0;text-transform:none}\\n.yfs-fk .fk-names.name-style-elegant{font-family:'Great Vibes',cursive;font-weight:400;letter-spacing:.01em;text-transform:none}\\n.yfs-fk .fk-names.name-style-modern{font-family:'Montserrat',sans-serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase}\\n.yfs-fk .fk-names.name-style-editorial{font-family:'Cormorant Garamond',serif;font-weight:500;font-style:italic;letter-spacing:.02em;text-transform:none}\\n.yfs-fk .fk-names.name-style-luxe{font-family:'Cormorant Garamond',serif;font-weight:500;letter-spacing:.08em;text-transform:uppercase}\\n.yfs-fk .fk-names.anim-rise{animation:yfsFkRise 1.5s cubic-bezier(.19,1,.22,1) both}\\n.yfs-fk .fk-names.anim-reveal{animation:yfsFkReveal 1.7s cubic-bezier(.19,1,.22,1) both}\\n.yfs-fk .fk-names.anim-float{animation:yfsFkRise 1.3s cubic-bezier(.19,1,.22,1) both,yfsFkFloat 5.5s ease-in-out 1.3s infinite}\\n.yfs-fk .fk-names.anim-cascade .ltr{display:inline-block;opacity:0;animation:yfsFkDrop .85s cubic-bezier(.22,1.2,.36,1) both}\\n.yfs-fk .fk-names.anim-cascade .sp{display:inline-block;width:.32em}\\n.yfs-fk .fk-names.anim-shimmer{background:linear-gradient(100deg,var(--fk-name-color,var(--ink)) 18%,var(--gold) 38%,#fffaf0 50%,var(--gold) 62%,var(--fk-name-color,var(--ink)) 82%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 4px 20px rgba(0,0,0,.45));animation:yfsFkRise 1.3s cubic-bezier(.19,1,.22,1) both,yfsFkSweep 5s linear 1.3s infinite}\\n@keyframes yfsFkRise{from{opacity:0;transform:translateY(46px)}to{opacity:1;transform:none}}\\n@keyframes yfsFkDrop{0%{opacity:0;transform:translateY(-38px) rotate(-6deg)}70%{opacity:1;transform:translateY(4px) rotate(1deg)}100%{opacity:1;transform:none}}\\n@keyframes yfsFkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}\\n@keyframes yfsFkReveal{from{opacity:0;filter:blur(16px);transform:scale(1.18)}to{opacity:1;filter:blur(0);transform:scale(1)}}\\n@keyframes yfsFkSweep{0%{background-position:0% 50%}100%{background-position:200% 50%}}\\n@media (prefers-reduced-motion:reduce){.yfs-fk .fk-names,.yfs-fk .fk-names .ltr{animation:none!important;opacity:1!important;filter:none!important;transform:none!important}}\\n.yfs-fk .fk-small{font-family:'Montserrat',sans-serif;font-weight:500;font-size:min(var(--fk-tagline-size,13px),8vw);letter-spacing:.2em;text-transform:uppercase;color:var(--fk-tagline-color,var(--sub));margin-top:14px}\\n.yfs-fk .fk-date{font-family:'Oswald',sans-serif;font-weight:700;font-size:min(var(--fk-date-size,19px),8vw);letter-spacing:.14em;text-transform:uppercase;color:var(--fk-date-color,var(--ink));margin-top:20px}\\n.yfs-fk .fk-bar{display:block;width:220px;width:min(240px,36cqw);height:6px;border-radius:6px;margin:16px auto 0;background:linear-gradient(90deg,#7a5c1e 0,#e9cf7a 22%,#fff2b0 50%,#e9cf7a 78%,#7a5c1e 100%);box-shadow:0 0 10px rgba(233,207,122,.35)}\\n.yfs-fk .fk-greet{font-family:'Cinzel',serif;font-weight:400;font-size:min(var(--fk-greeting-size,22px),10vw);color:var(--fk-greeting-color,var(--gold));margin-top:58px;text-shadow:0 2px 12px rgba(0,0,0,.28)}\\n.yfs-fk .fk-msg{margin-top:22px}\\n.yfs-fk .fk-msg p{max-width:560px;max-width:min(86%,560px);margin:0 auto 13px;font-size:min(var(--fk-message-size,13px),6vw);line-height:1.75;color:var(--fk-message-color,var(--ink))}\\n.yfs-fk .fk-msg strong{font-weight:600;color:var(--ink)}\\n.yfs-fk .fk-msg em{font-style:italic}\\n.yfs-fk .fk-verse{max-width:560px;margin:22px auto 0;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:500;font-size:19px;font-size:clamp(17px,3cqw,22px);line-height:1.5;color:var(--gold)}\\n\\n\\\/* 3. LOCATION \\u2014 the name is plain text; only the map and the button are links *\\\/\\n.yfs-fk .fk-loc{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 18px;border-top:2px solid var(--line);border-bottom:2px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 1px 0 rgba(255,255,255,.05);font-size:13px;letter-spacing:.02em;color:var(--gold)}\\n.yfs-fk .fk-loc .fk-pin{flex:0 0 auto;color:var(--gold)}\\n.yfs-fk .fk-map{max-width:640px;margin:0 auto;padding:30px 22px 6px}\\n.yfs-fk .fk-map-frame{position:relative;height:260px;height:clamp(200px,44cqw,300px);border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:6px;overflow:hidden;background:var(--panel)}\\n.yfs-fk .fk-map-frame iframe{position:absolute;left:0;top:0;width:100%;height:100%;border:0;filter:grayscale(.65) contrast(1.05) brightness(.9)}\\n.yfs-fk .fk-map-frame .fk-map-hit{position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;cursor:pointer}\\n.yfs-fk .fk-map-ph{position:absolute;left:0;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#7d7358;background:repeating-linear-gradient(45deg,#121212 0 14px,#171717 14px 28px)}\\n.yfs-fk a.fk-btn,.yfs-fk span.fk-btn{display:inline-block;margin-top:16px;padding:10px 24px;border:1px solid rgba(227,207,143,.65);border-radius:999px;color:var(--gold);font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;transition:background .25s,color .25s}\\n.yfs-fk a.fk-btn:hover{background:var(--gold);color:var(--bg)}\\n\\n\\\/* 4. CALENDAR CARD \\u2014 chosen photo, blurred + lowered opacity, heart on the day *\\\/\\n.yfs-fk .fk-cal{padding:44px 16px 46px}\\n.yfs-fk .fk-cal-card{position:relative;width:100%;max-width:460px;margin:0 auto;aspect-ratio:5\\\/7;overflow:hidden;background:var(--bg);container-type:inline-size}\\n.yfs-fk .fk-cal-photo{position:absolute;left:-6%;top:-6%;width:112%;height:112%;background:#1a1a1a center\\\/cover no-repeat;filter:var(--cal-f);opacity:var(--cal-o)}\\n.yfs-fk .fk-cal-shade{position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(to bottom,var(--bg) 0,color-mix(in srgb,var(--bg) 55%,transparent) 20%,color-mix(in srgb,var(--bg) 18%,transparent) 48%,color-mix(in srgb,var(--bg) 55%,transparent) 78%,var(--bg) 100%)}\\n.yfs-fk .fk-cal-in{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;padding:12cqw 7cqw 8cqw}\\n.yfs-fk .fk-cal-title{font-family:'Cinzel',serif;font-weight:400;font-size:32px;font-size:7.4cqw;line-height:1.1;text-transform:uppercase;letter-spacing:.01em;color:#fff}\\n.yfs-fk .fk-cal-wd,.yfs-fk .fk-cal-days{display:grid;grid-template-columns:repeat(7,1fr);padding:0 1cqw}\\n.yfs-fk .fk-cal-wd{font-size:11px;font-size:2.9cqw;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:#f3f3f3}\\n.yfs-fk .fk-cal-days{grid-auto-rows:32px;grid-auto-rows:7.4cqw;font-size:13px;font-size:3.4cqw;font-weight:500;color:#f3f3f3;margin-top:1.6cqw;text-shadow:0 1px 6px rgba(0,0,0,.6)}\\n.yfs-fk .fk-day{position:relative;display:flex;align-items:center;justify-content:center}\\n.yfs-fk .fk-day.is-event{color:#fff;font-weight:600}\\n.yfs-fk .fk-day .fk-heart{position:absolute;left:50%;top:50%;width:11cqw;height:auto;transform:translate(-50%,-49%);fill:none;stroke:#f0d76b;stroke-width:2;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(240,215,107,.35))}\\n.yfs-fk .fk-day b{position:relative;font-weight:inherit;padding-top:.3cqw}\\n.yfs-fk .fk-cal-foot .fk-cal-date{font-family:'Montserrat',sans-serif;font-weight:500;font-size:16px;font-size:3.9cqw;letter-spacing:.12em;text-transform:uppercase;color:#f3f3f3}\\n.yfs-fk .fk-cal-foot .fk-bar{width:38cqw;height:1.3cqw;min-height:4px;margin-top:3.4cqw}\\n.yfs-fk .fk-cal-foot a.fk-btn,.yfs-fk .fk-cal-foot span.fk-btn{margin-top:4cqw;padding:2.2cqw 5.4cqw;font-size:2.6cqw;background:rgba(0,0,0,.35)}\\n\\n\\\/* 5. THREE PHOTOS \\u2014 hover one and it grows; move away and all three are equal again *\\\/\\n.yfs-fk .fk-gal{display:flex;height:190px;height:clamp(170px,29cqw,240px);background:var(--bg)}\\n.yfs-fk .fk-gal figure{flex:1 1 0;min-width:0;overflow:hidden;background:#111;cursor:pointer;transition:flex-grow .55s cubic-bezier(.22,.8,.28,1)}\\n.yfs-fk .fk-gal figure:hover,.yfs-fk .fk-gal figure.is-on{flex-grow:2.3}\\n.yfs-fk .fk-gal img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0;transform:scale(1.03);transition:transform .55s ease}\\n.yfs-fk .fk-gal figure:hover img,.yfs-fk .fk-gal figure.is-on img{transform:scale(1.07)}\\n.yfs-fk .fk-gal .fk-gal-ph{width:100%;height:100%;background:linear-gradient(160deg,#1c1a17,#0d0c0b)}\\n\\n\\\/* 6. EVENT TIMELINE \\u2014 2 columns, line icons *\\\/\\n.yfs-fk .fk-tl{padding:50px 20px 58px}\\n.yfs-fk .fk-h{font-family:'Cinzel',serif;font-weight:400;font-size:19px;font-size:clamp(17px,2.5cqw,22px);letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}\\n.yfs-fk .fk-tl-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 16px;max-width:600px;margin:36px auto 0}\\n.yfs-fk .fk-ev{display:flex;align-items:center;justify-content:center;gap:14px}\\n.yfs-fk .fk-ev:last-child:nth-child(odd){grid-column:1\\\/-1}\\n.yfs-fk .fk-ev .fk-ic{flex:0 0 auto;color:var(--ink)}\\n.yfs-fk .fk-ev-t{text-align:center}\\n.yfs-fk .fk-ev-time{font-weight:500;font-size:13.5px;color:var(--ink);letter-spacing:.02em}\\n.yfs-fk .fk-ev-name{font-size:12.5px;color:var(--sub);margin-top:2px}\\n@container (max-width:340px){.yfs-fk .fk-tl-grid{grid-template-columns:1fr}}\\n@media (max-width:340px){.yfs-fk .fk-tl-grid{grid-template-columns:1fr}}\\n\\n\\\/* 7. COUNTDOWN \\\/ MARRIED LIFE TOGETHER banner *\\\/\\n.yfs-fk .fk-cd{position:relative;overflow:hidden;padding:56px 18px 60px;background:var(--panel)}\\n.yfs-fk .fk-cd-bg{position:absolute;left:-4%;top:-4%;width:108%;height:108%;background:#2a2622 center\\\/cover no-repeat;filter:var(--cd-f);opacity:var(--cd-o)}\\n.yfs-fk .fk-cd-shade{position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,.35),rgba(0,0,0,.08) 45%,rgba(0,0,0,.4))}\\n.yfs-fk .fk-cd-in{position:relative;z-index:1}\\n.yfs-fk .fk-cd-h{font-family:'Cinzel',serif;font-weight:700;font-size:22px;font-size:clamp(20px,3.6cqw,28px);line-height:1.2;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.55)}\\n.yfs-fk .fk-cd-h[hidden]{display:none}\\n.yfs-fk .fk-cd-h .fk-hh{margin-left:6px;position:relative;top:-2px}\\n.yfs-fk .fk-cd-grid{display:flex;justify-content:space-around;gap:8px;max-width:620px;margin:30px auto 0}\\n.yfs-fk .fk-cd-grid>div{min-width:64px}\\n.yfs-fk .fk-cd-n{display:block;font-family:'Cinzel',serif;font-weight:700;font-size:28px;font-size:clamp(24px,4cqw,34px);line-height:1.1;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6)}\\n.yfs-fk .fk-cd-l{display:block;font-family:'Cinzel',serif;font-size:11px;font-size:clamp(11px,1.5cqw,13px);letter-spacing:.05em;margin-top:4px;color:#f1f1f1;text-shadow:0 1px 8px rgba(0,0,0,.7)}\\n\\n.yfs-fk .fk-credit{padding:22px 0 26px;font-size:11px;letter-spacing:.08em;color:var(--sub)}\\n\\n\\\/* ============================================================\\n   PC \\\/ DESKTOP \\u2014 same sections in the same order, but the page uses the\\n   whole browser width instead of a 740px column. Phones are untouched.\\n   (The size settings from the form are kept: they are only scaled up.)\\n   ============================================================ *\\\/\\n@media (min-width:900px){\\n.yfs-fk .fk-col{max-width:none;width:100%}\\n.yfs-fk .fk-hero{aspect-ratio:auto;height:min(88vh,920px);min-height:620px}\\n.yfs-fk .fk-hero img{object-position:50% 24%}\\n.yfs-fk .fk-intro{padding:70px 40px 64px}\\n.yfs-fk .fk-hero+.fk-intro{padding-top:14px}\\n.yfs-fk .fk-names{font-size:min(calc(var(--fk-name-size,42px)*1.7),8.5vw)}\\n.yfs-fk .fk-small{font-size:min(calc(var(--fk-tagline-size,13px)*1.4),2.4vw);margin-top:18px}\\n.yfs-fk .fk-date{font-size:min(calc(var(--fk-date-size,19px)*1.5),3.2vw);margin-top:26px}\\n.yfs-fk .fk-bar{width:300px;height:7px;margin-top:20px}\\n.yfs-fk .fk-greet{font-size:min(calc(var(--fk-greeting-size,22px)*1.45),4.6vw);margin-top:76px}\\n.yfs-fk .fk-msg{margin-top:28px}\\n.yfs-fk .fk-msg p{max-width:780px;max-width:min(86%,780px);margin-bottom:16px;font-size:min(calc(var(--fk-message-size,13px)*1.35),3vw);line-height:1.85}\\n.yfs-fk .fk-verse{max-width:780px;margin-top:28px;font-size:clamp(20px,1.9vw,28px)}\\n.yfs-fk .fk-loc{padding:22px 24px;font-size:15px}\\n.yfs-fk .fk-map{max-width:920px;padding:48px 40px 12px}\\n.yfs-fk .fk-map-frame{height:clamp(300px,34vw,440px)}\\n.yfs-fk a.fk-btn,.yfs-fk span.fk-btn{padding:12px 30px;font-size:12.5px}\\n.yfs-fk .fk-cal{padding:80px 24px 84px}\\n.yfs-fk .fk-cal-card{max-width:560px}\\n.yfs-fk .fk-gal{height:clamp(260px,32vw,540px)}\\n.yfs-fk .fk-tl{padding:84px 40px 92px}\\n.yfs-fk .fk-h{font-size:clamp(22px,1.9vw,30px)}\\n.yfs-fk .fk-tl-grid{max-width:840px;gap:52px 28px;margin-top:52px}\\n.yfs-fk .fk-ev{gap:18px}\\n.yfs-fk .fk-ev .fk-ic{width:36px;height:36px}\\n.yfs-fk .fk-ev-time{font-size:16.5px}\\n.yfs-fk .fk-ev-name{font-size:15px;margin-top:4px}\\n.yfs-fk .fk-cd{padding:100px 40px 108px}\\n.yfs-fk .fk-cd-h{font-size:clamp(28px,2.7vw,42px)}\\n.yfs-fk .fk-cd-grid{max-width:860px;margin-top:48px;gap:16px}\\n.yfs-fk .fk-cd-grid>div{min-width:110px}\\n.yfs-fk .fk-cd-n{font-size:clamp(38px,3.6vw,56px)}\\n.yfs-fk .fk-cd-l{font-size:clamp(13px,1.1vw,17px);margin-top:8px}\\n.yfs-fk .fk-credit{padding:30px 0 38px;font-size:12px}\\n}\";\n        var YFS_FONTS = \"https:\\\/\\\/fonts.googleapis.com\\\/css2?family=Alex+Brush&family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:ital,wght@0,500;1,500&family=Great+Vibes&family=Montserrat:wght@400;500;600&family=Oswald:wght@600;700&display=swap\";\n        var imgs = {hero:'',cal:'',cd:'',g1:'',g2:'',g3:''};\n        var MONTHS = ['January','February','March','April','May','June','July','August','September','October','November','December'];\n        var WD = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'];\n        var verseType = 'none', MODE = 'mobile', ready = false, cdMs = 0;\n\n        function v(n){ var e = f.elements[n]; return e ? e.value : ''; }\n        function c(n){ var e = f.elements[n]; return !!(e && e.checked); }\n        function esc(s){ return String(s).replace(\/[&<>\"']\/g, function(ch){ return {'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;'}[ch]; }); }\n        function ord(n){ var m = n % 100; if (m >= 11 && m <= 13) return n + 'TH'; switch (n % 10){ case 1: return n + 'ST'; case 2: return n + 'ND'; case 3: return n + 'RD'; default: return n + 'TH'; } }\n        function fmt(text){\n          return String(text).split(\/\\n+\/).map(function(s){ return s.trim(); }).filter(Boolean).map(function(line){\n            var e = esc(line).replace(\/\\*\\*(.+?)\\*\\*\/g, '<strong>$1<\/strong>').replace(\/\\*([^\\s*][^*]*?)\\*\/g, '<em>$1<\/em>');\n            return '<p>' + e + '<\/p>';\n          }).join('');\n        }\n        function pickIcon(label, choice){\n          if (choice && choice !== 'auto' && cfg.icons[choice]) return choice;\n          label = String(label).toLowerCase();\n          for (var k in cfg.rules){ var w = cfg.rules[k]; for (var i = 0; i < w.length; i++){ if (w[i] && label.indexOf(w[i]) !== -1) return k; } }\n          return 'heart';\n        }\n        function pad(x){ return (x < 10 ? '0' : '') + x; }\n        function fmtTime(t){ if (!t) return ''; var p = t.split(':'), h = parseInt(p[0],10), m = p[1] || '00'; if (isNaN(h)) return ''; var ap = h >= 12 ? 'PM' : 'AM'; h = h % 12 || 12; return h + ':' + m + ' ' + ap; }\n        function timeLabel(a, b){ var x = fmtTime(a), y = fmtTime(b); return x && y ? x + ' \u2013 ' + y : (x || y); }\n        function resolveLoc(name, url){\n          var link = '', embed = '', m;\n          if (url){ link = url;\n            if ((m = url.match(\/@(-?\\d+\\.\\d+),(-?\\d+\\.\\d+)\/))) embed = 'https:\/\/www.google.com\/maps?q=' + m[1] + ',' + m[2] + '&z=17&output=embed';\n            else if ((m = url.match(\/!3d(-?\\d+\\.\\d+)!4d(-?\\d+\\.\\d+)\/))) embed = 'https:\/\/www.google.com\/maps?q=' + m[1] + ',' + m[2] + '&z=17&output=embed';\n            else if ((m = url.match(\/\\\/place\\\/([^\\\/@?]+)\/))){ var pl = m[1]; try { pl = decodeURIComponent(pl.replace(\/\\+\/g, ' ')); } catch (e) {} embed = 'https:\/\/www.google.com\/maps?q=' + encodeURIComponent(pl) + '&output=embed'; }\n          }\n          if (!link) link = 'https:\/\/www.google.com\/maps\/search\/?api=1&query=' + encodeURIComponent(name);\n          if (!embed) embed = 'https:\/\/www.google.com\/maps?q=' + encodeURIComponent(name) + '&output=embed';\n          return {link: link, embed: embed};\n        }\n        function bg(u){ return u ? ' style=\"background-image:url(\\'' + u + '\\')\"' : ''; }\n        function palette(){ var el = f.querySelector('input[name=\"palette\"]:checked'); return el ? el.value : 'classic'; }\n        function radioValue(name, fallback){ var el = f.querySelector('input[name=\"' + name + '\"]:checked'); return el ? el.value : fallback; }\n        function numValue(name, fallback, min, max){ var n = parseInt(v(name),10); if (isNaN(n)) n = fallback; return Math.max(min, Math.min(max,n)); }\n        function cascadeName(raw){ return String(raw).split('').map(function(ch,i){ if(ch===' ') return '<span class=\"sp\"> <\/span>'; return '<span class=\"ltr\" style=\"animation-delay:'+(i*0.045).toFixed(2)+'s\">'+esc(ch)+'<\/span>'; }).join(''); }\n\n        function tickCd(){\n          var doc = frame.contentDocument; if (!doc || !cdMs) return;\n          var el = doc.querySelector('.fk-cd'); if (!el) return;\n          var diff = cdMs - Date.now(), up = diff <= 0, ms = Math.abs(diff);\n          var vals = {d: Math.floor(ms \/ 864e5), h: Math.floor(ms \/ 36e5) % 24, m: Math.floor(ms \/ 6e4) % 60, s: Math.floor(ms \/ 1e3) % 60};\n          el.querySelectorAll('[data-u]').forEach(function(n){ var k = n.getAttribute('data-u'); n.textContent = k === 'd' ? vals.d : pad(vals[k]); });\n          var a = el.querySelector('.fk-cd-down'), b = el.querySelector('.fk-cd-up'); if (a) a.hidden = up; if (b) b.hidden = !up;\n        }\n\n        function render(){\n          if (!ready) return;\n          var doc = frame.contentDocument, win = frame.contentWindow; if (!doc || !doc.body) return;\n          var oneRaw = v('person_one') || 'Name', twoRaw = v('person_two') || 'Name';\n          var nameStyle = radioValue('name_style','script'), nameAnim = radioValue('name_anim','rise');\n          var nameColor = v('name_color') || '#ffffff', nameSize = numValue('name_size',42,28,120);\n          var taglineSize = numValue('tagline_size',13,10,36), taglineColor = v('tagline_color') || '#a89968';\n          var dateSize = numValue('date_size',19,12,40), dateColor = v('date_color') || '#ffffff';\n          var greetingSize = numValue('greeting_size',22,14,72), greetingColor = v('greeting_color') || '#e3cf8f';\n          var messageSize = numValue('message_size',13,12,32), messageColor = v('message_color') || '#ffffff';\n          var parts = (v('event_date') || '2026-01-22').split('-'), y = +parts[0], m = +parts[1] - 1, d = +parts[2];\n          var dateLine = MONTHS[m].toUpperCase() + ' ' + ord(d) + ' ' + y;\n          var calDate = MONTHS[m].toUpperCase() + ' ' + ord(d) + ', ' + y;\n          var first = new Date(y, m, 1).getDay(), dim = new Date(y, m + 1, 0).getDate();\n          var calPhoto = imgs.cal || imgs.hero, cdPhoto = imgs.cd || imgs.cal || imgs.hero;\n          var cls = 'yfs-fk fx-' + (v('photo_fx') || 'soft') + ' pal-' + palette();\n\n          var h = '<div class=\"fk-col\">';\n          h += '<div class=\"fk-hero\">' + (imgs.hero ? '<img decoding=\"async\" alt=\"\" src=\"' + imgs.hero + '\">' : '<div class=\"fk-map-ph\">Hero photo appears here<\/div>') + '<\/div>';\n          var nameText = oneRaw + ' & ' + twoRaw;\n          var nameInner = nameAnim === 'cascade' ? cascadeName(nameText) : esc(nameText);\n          h += '<div class=\"fk-intro\"><h1 class=\"fk-names name-style-' + esc(nameStyle) + ' anim-' + esc(nameAnim) + '\" style=\"--fk-name-size:' + nameSize + 'px;--fk-name-color:' + esc(nameColor) + '\">' + nameInner + '<\/h1>';\n          if (v('hero_tagline')) h += '<p class=\"fk-small\" style=\"--fk-tagline-size:' + taglineSize + 'px;--fk-tagline-color:' + esc(taglineColor) + '\">' + esc(v('hero_tagline')) + '<\/p>';\n          h += '<p class=\"fk-date\" style=\"--fk-date-size:' + dateSize + 'px;--fk-date-color:' + esc(dateColor) + '\">' + dateLine + '<\/p><span class=\"fk-bar\"><\/span>';\n          if (v('greeting')) h += '<h2 class=\"fk-greet\" style=\"--fk-greeting-size:' + greetingSize + 'px;--fk-greeting-color:' + esc(greetingColor) + '\">' + esc(v('greeting')) + '<\/h2>';\n          h += '<div class=\"fk-msg\" style=\"--fk-message-size:' + messageSize + 'px;--fk-message-color:' + esc(messageColor) + '\">' + fmt(v('message')) + '<\/div>';\n          if (verseType !== 'none' && (v('verse_text') || v('verse_ref'))) h += '<p class=\"fk-verse\">' + (v('verse_text') ? '\u201c' + esc(v('verse_text')) + '\u201d' : '') + (v('verse_ref') ? ' \u2014 ' + esc(v('verse_ref')) : '') + '<\/p>';\n          h += '<\/div>';\n\n          if (v('location')){\n            h += '<div class=\"fk-loc\">' + cfg.pin + '<span>' + esc(v('location')) + '<\/span><\/div>';\n            if (c('show_map')){\n              var lc = resolveLoc(v('location'), v('location_map_url').trim());\n              h += '<div class=\"fk-map\"><div class=\"fk-map-frame\"><iframe src=\"' + esc(lc.embed) + '\" title=\"Map\" loading=\"lazy\"><\/iframe><a class=\"fk-map-hit\" href=\"' + esc(lc.link) + '\" target=\"_blank\" rel=\"noopener\" aria-label=\"Open the map in Google Maps\"><\/a><\/div><a class=\"fk-btn\" href=\"' + esc(lc.link) + '\" target=\"_blank\" rel=\"noopener\">Open in Google Maps<\/a><\/div>';\n            }\n          }\n\n          var hSave = h; h = '';\n          var cells = '';\n          for (var i = 0; i < first; i++) cells += '<span class=\"fk-day\"><\/span>';\n          for (var day = 1; day <= dim; day++) cells += day === d ? '<span class=\"fk-day is-event\">' + cfg.heart + '<b>' + day + '<\/b><\/span>' : '<span class=\"fk-day\"><b>' + day + '<\/b><\/span>';\n          h += '<section class=\"fk-cal\"><div class=\"fk-cal-card\"><div class=\"fk-cal-photo\"' + bg(calPhoto) + '><\/div><div class=\"fk-cal-shade\"><\/div><div class=\"fk-cal-in\">';\n          h += '<h2 class=\"fk-cal-title\">' + esc(v('cal_heading') || 'Save the date') + '<\/h2><div><div class=\"fk-cal-wd\">' + WD.map(function(w){ return '<span>' + w + '<\/span>'; }).join('') + '<\/div><div class=\"fk-cal-days\">' + cells + '<\/div><\/div>';\n          h += '<div class=\"fk-cal-foot\"><p class=\"fk-cal-date\">' + calDate + '<\/p><span class=\"fk-bar\"><\/span>' + (c('add_to_calendar') ? '<span class=\"fk-btn\">+ Add to calendar<\/span>' : '') + '<\/div><\/div><\/div><\/section>';\n          if (!c('show_calendar')) h = '';\n          h = hSave + h;\n\n          if (c('show_gallery')) h += '<div class=\"fk-gal\">';\n          if (c('show_gallery')) ['g1','g2','g3'].forEach(function(k){ h += '<figure>' + (imgs[k] ? '<img decoding=\"async\" alt=\"\" src=\"' + imgs[k] + '\">' : '<div class=\"fk-gal-ph\"><\/div>') + '<\/figure>'; });\n          if (c('show_gallery')) h += '<\/div>';\n\n          var rows = '';\n          for (var n = 1; n <= 6; n++){\n            var t = timeLabel(v('time_start_' + n), v('time_end_' + n)), l = v('title_' + n).trim();\n            if (t || l) rows += '<div class=\"fk-ev\">' + cfg.icons[pickIcon(l, v('icon_' + n))] + '<div class=\"fk-ev-t\"><div class=\"fk-ev-time\">' + esc(t) + '<\/div><div class=\"fk-ev-name\">' + esc(l) + '<\/div><\/div><\/div>';\n          }\n          if (rows && c('show_timeline')) h += '<section class=\"fk-tl\"><h2 class=\"fk-h\">Event timeline<\/h2><div class=\"fk-tl-grid\">' + rows + '<\/div><\/section>';\n\n          cdMs = 0;\n          if (c('countdown_enabled')){\n            var tm = (v('event_time') || '11:00').split(':');\n            cdMs = new Date(y, m, d, +tm[0], +tm[1]).getTime();\n            h += '<section class=\"fk-cd\"><div class=\"fk-cd-bg\"' + bg(cdPhoto) + '><\/div><div class=\"fk-cd-shade\"><\/div><div class=\"fk-cd-in\">';\n            h += '<h2 class=\"fk-cd-h fk-cd-down\">' + esc(v('cd_before') || 'Until our big day') + '<\/h2>';\n            h += '<h2 class=\"fk-cd-h fk-cd-up\" hidden>' + esc(v('cd_after') || 'Married life together') + cfg.pinkHeart + '<\/h2>';\n            h += '<div class=\"fk-cd-grid\"><div><b class=\"fk-cd-n\" data-u=\"d\">0<\/b><span class=\"fk-cd-l\">Days<\/span><\/div><div><b class=\"fk-cd-n\" data-u=\"h\">00<\/b><span class=\"fk-cd-l\">Hours<\/span><\/div><div><b class=\"fk-cd-n\" data-u=\"m\">00<\/b><span class=\"fk-cd-l\">Minutes<\/span><\/div><div><b class=\"fk-cd-n\" data-u=\"s\">00<\/b><span class=\"fk-cd-l\">Seconds<\/span><\/div><\/div><\/div><\/section>';\n          }\n          h += '<p class=\"fk-credit\">Developed by YeneSerg<\/p><\/div>';\n\n          var sy = win.pageYOffset || 0;\n          doc.body.innerHTML = '<div class=\"' + cls + '\">' + h + '<\/div>';\n          win.scrollTo(0, sy);\n          tickCd();\n        }\n\n        \/* The preview is a real iframe sized like a real phone (390px) or a real\n           desktop window (1280px, scaled down to fit), so the very same CSS\n           media queries as the published page decide the layout: what you see\n           is exactly what the published page looks like on that device. *\/\n        function layout(){\n          var availW = Math.max(260, panel.clientWidth - 48), availH = Math.max(480, panel.clientHeight - 96);\n          var W = MODE === 'desktop' ? 1280 : 390, s = Math.min(1, availW \/ W);\n          var H = Math.round(Math.max(560, MODE === 'desktop' ? availH \/ s : Math.min(844, availH \/ s)));\n          frame.style.width = W + 'px'; frame.style.height = H + 'px'; frame.style.transform = 'scale(' + s + ')';\n          device.style.width = Math.round(W * s) + 'px'; device.style.height = Math.round(H * s) + 'px';\n        }\n        r.querySelectorAll('.ff-preview-toggle button').forEach(function(btn){\n          btn.addEventListener('click', function(){\n            MODE = btn.getAttribute('data-view') === 'desktop' ? 'desktop' : 'mobile';\n            r.querySelectorAll('.ff-preview-toggle button').forEach(function(b){ b.classList.toggle('is-active', b === btn); });\n            workspace.classList.toggle('ff-ws-desktop', MODE === 'desktop');\n            layout();\n          });\n        });\n        window.addEventListener('resize', layout);\n        frame.addEventListener('load', function(){ ready = true; layout(); render(); });\n        frame.srcdoc = '<!doctype html><html><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\"><link rel=\"stylesheet\" href=\"' + YFS_FONTS + '\"><style>html,body{margin:0;padding:0;overflow-x:hidden;background:#000;scrollbar-width:none}::-webkit-scrollbar{display:none}' + YFS_CSS + '<\/style><\/head><body class=\"yfs-fk-page\"><\/body><\/html>';\n        setInterval(tickCd, 1000);\n\n        \/* Timeline: the end time of one event becomes the start time of the next.\n           A start time picked by hand is never overwritten. *\/\n        function chainTimes(e){\n          var nm = e.target && e.target.name ? e.target.name : '', m;\n          if ((m = nm.match(\/^time_start_(\\d)$\/))){ e.target.removeAttribute('data-auto'); return; }\n          if ((m = nm.match(\/^time_end_(\\d)$\/))){\n            var nxt = f.elements['time_start_' + (parseInt(m[1], 10) + 1)]; if (!nxt) return;\n            if (e.target.value && (!nxt.value || nxt.getAttribute('data-auto') === '1')){ nxt.value = e.target.value; nxt.setAttribute('data-auto', '1'); }\n            else if (!e.target.value && nxt.getAttribute('data-auto') === '1'){ nxt.value = ''; nxt.removeAttribute('data-auto'); }\n          }\n        }\n        var rtimer = null;\n        f.addEventListener('input', function(){ clearTimeout(rtimer); rtimer = setTimeout(render, 180); });\n        f.addEventListener('change', function(e){ chainTimes(e); clearTimeout(rtimer); render(); });\n\n        f.querySelectorAll('input[type=file][data-img]').forEach(function(inp){\n          inp.addEventListener('change', function(){\n            var key = inp.getAttribute('data-img'), file = inp.files[0];\n            if (!file){ imgs[key] = ''; render(); return; }\n            var rd = new FileReader();\n            rd.onload = function(e){ imgs[key] = e.target.result; render(); };\n            rd.readAsDataURL(file);\n          });\n        });\n\n        r.querySelectorAll('#ff-name-styles .ff-style-chip').forEach(function(lbl){\n          lbl.addEventListener('click', function(){\n            r.querySelectorAll('#ff-name-styles .ff-style-chip').forEach(function(x){ x.classList.remove('is-selected'); });\n            lbl.classList.add('is-selected');\n            render();\n          });\n        });\n        r.querySelectorAll('#ff-name-anims .ff-anim-chip').forEach(function(lbl){\n          lbl.addEventListener('click', function(){\n            r.querySelectorAll('#ff-name-anims .ff-anim-chip').forEach(function(x){ x.classList.remove('is-selected'); });\n            lbl.classList.add('is-selected');\n            render();\n          });\n        });\n\n        r.querySelectorAll('#ff-verse-pills .ff-pill').forEach(function(btn){\n          btn.addEventListener('click', function(){\n            verseType = btn.getAttribute('data-v');\n            f.querySelector('#ff-verse-type').value = verseType;\n            r.querySelectorAll('#ff-verse-pills .ff-pill').forEach(function(b){ b.classList.remove('is-active'); });\n            btn.classList.add('is-active');\n            r.querySelector('#ff-verse-fields').style.display = verseType === 'none' ? 'none' : 'block';\n            render();\n          });\n        });\n\n        r.querySelectorAll('#ff-palettes .ff-palette').forEach(function(lbl){\n          lbl.addEventListener('click', function(){\n            r.querySelectorAll('#ff-palettes .ff-palette').forEach(function(x){ x.classList.remove('is-selected'); });\n            lbl.classList.add('is-selected');\n            render();\n          });\n        });\n\n        var editors = [], editorInput = r.querySelector('#ff-editor-input'), editorChips = r.querySelector('#ff-editor-chips'), editorsJson = f.querySelector('#ff-editors-json');\n        function renderEditors(){\n          editorChips.innerHTML = '';\n          editors.forEach(function(email, idx){\n            var chip = document.createElement('span'); chip.className = 'chip'; chip.textContent = email + ' ';\n            var btn = document.createElement('button'); btn.type = 'button'; btn.textContent = '\u00d7';\n            btn.addEventListener('click', function(){ editors.splice(idx, 1); renderEditors(); });\n            chip.appendChild(btn); editorChips.appendChild(chip);\n          });\n          editorsJson.value = JSON.stringify(editors);\n        }\n        editorInput.addEventListener('keydown', function(e){\n          if (e.key === 'Enter' && editorInput.value.trim()){\n            e.preventDefault(); editors.push(editorInput.value.trim()); editorInput.value = ''; renderEditors();\n          }\n        });\n      })();\n      <\/script>\n    <\/div>\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2372","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dev.artistbrook.com\/am\/wp-json\/wp\/v2\/pages\/2372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.artistbrook.com\/am\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.artistbrook.com\/am\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.artistbrook.com\/am\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.artistbrook.com\/am\/wp-json\/wp\/v2\/comments?post=2372"}],"version-history":[{"count":4,"href":"https:\/\/dev.artistbrook.com\/am\/wp-json\/wp\/v2\/pages\/2372\/revisions"}],"predecessor-version":[{"id":2383,"href":"https:\/\/dev.artistbrook.com\/am\/wp-json\/wp\/v2\/pages\/2372\/revisions\/2383"}],"wp:attachment":[{"href":"https:\/\/dev.artistbrook.com\/am\/wp-json\/wp\/v2\/media?parent=2372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}