/* UndanganAdat Template V2: base stylesheet of the starter.
   PART 1 (layout + motion primitives) is the V2 foundation and is identical in every template: do not change it.
   PART 2 (sections) is the structural skeleton with NEUTRAL tokens: a template overrides the tokens below and the section rules
   to match its PSD (colours, fonts, ornaments, text sizes). Geometry numbers are PSD pixels (scene px); every length is calc(N * var(--u)).
   Tokens: */
:root{--c-dark:#083a4f;--c-mid:#6b7a8c;--c-light:#f4f1ea;--c-hero-bg:#2b3a4c;--font-display:'Gelasio',Georgia,'Times New Roman',serif;--font-script:'Pinyon Script','Snell Roundhand',cursive;--font-body:'Poppins',-apple-system,'Helvetica Neue',Arial,sans-serif;}
/* UndanganAdat Template V2 (starter) (stage 1: Cover, Hero, Ayat, Pasangan, Acara).
   Layout model: no scaled scene and no transform on any container. Every section defines --u (CSS px per PSD pixel) as a
   plain calc() of the page width; every layer carries its PSD box as unitless --x --y --w --h. The browser lays the page
   out at its real size, so no oversized compositing layer exists.
   Motion model: transform + opacity only (individual translate/scale/rotate properties). Entrance = one CSS animation that
   starts when script.js adds .on (element on screen); idle sway lives only while the section is near (.live). */
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:#000;}
body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;}
img{max-width:none;display:block;}
.ua-app{--aw:min(100vw,480px);--vh:100dvh;position:relative;max-width:480px;margin:0 auto;background:var(--c-light);overflow:hidden;}

/* ---- layout primitives ---- */
.l{position:absolute;left:calc(var(--x) * var(--u));top:calc(var(--y) * var(--u));width:calc(var(--w) * var(--u));height:calc(var(--h) * var(--u));}
.ua-cover,.ua-hero,.ua-ayat,.ua-pasangan,.ua-acara{position:relative;width:100%;overflow:hidden;}
.ua-cover,.ua-hero{--u:max(calc(var(--aw) / 1080),calc(var(--vh) / 1920));height:var(--vh);}
.ua-ayat{--u:calc(var(--aw) / 1080);height:calc(1755 * var(--u));background:#f9f5ee;}
.ua-pasangan{--u:calc(var(--aw) / 1576);height:calc(3990 * var(--u));background:#ececec;}
.ua-acara{--u:calc(var(--aw) / 1508);height:calc(var(--H,4168) * var(--u));background:#072a47;}
.ua-cover-scene,.ua-hero-scene{position:absolute;left:calc(50% - 540 * var(--u));top:calc(50% - 960 * var(--u));width:calc(1080 * var(--u));height:calc(1920 * var(--u));}
.ua-ayat-scene,.ua-pasangan-scene,.ua-acara-scene{position:absolute;left:0;top:0;width:100%;height:100%;}
.ua-hero,.ua-ayat,.ua-pasangan,.ua-acara{display:none;}
.ua-app.is-open .ua-hero,.ua-app.is-open .ua-ayat,.ua-app.is-open .ua-pasangan,.ua-app.is-open .ua-acara{display:block;}

/* ---- motion ---- */
.m{--e:cubic-bezier(.22,.61,.36,1);}
.m-deco{--e:cubic-bezier(.25,.85,.3,1.15);}
html.js .m:not(.on){opacity:var(--po,0);translate:calc(var(--px,0) * var(--u)) calc(var(--py,0) * var(--u));scale:var(--psx,var(--ps,1)) var(--psy,var(--ps,1));}
.m.on{animation:m-in calc(var(--t,1200) * 1ms) var(--e) calc(var(--d,0) * 1ms) backwards;}
@keyframes m-in{from{opacity:var(--po,0);translate:calc(var(--px,0) * var(--u)) calc(var(--py,0) * var(--u));scale:var(--psx,var(--ps,1)) var(--psy,var(--ps,1));}}
.m-fade.on{animation-name:m-fade;}
.m-bg.on{animation:m-fade calc(var(--t,700) * 1ms) ease calc(var(--d,0) * 1ms) backwards,m-settle 6000ms cubic-bezier(.22,.61,.36,1) calc(var(--d,0) * 1ms) backwards;}
@keyframes m-fade{from{opacity:0;}}
@keyframes m-settle{from{scale:1.05;}}
/* idle sways: start after the entrance (delay = d + t + offset), never replace it */
.m.on[data-idle="sway"]{animation:m-in calc(var(--t,1200) * 1ms) var(--e) calc(var(--d,0) * 1ms) backwards,m-sway calc(var(--it,12000) * 1ms) ease-in-out calc((var(--d,0) + var(--t,1200) + var(--io,0)) * 1ms) infinite none;}
.m-fade.on[data-idle="float"]{animation:m-fade calc(var(--t,900) * 1ms) ease calc(var(--d,0) * 1ms) backwards,m-float calc(var(--it,14500) * 1ms) ease-in-out calc((var(--d,0) + var(--t,900) + var(--io,0)) * 1ms) infinite none;}
.ua-ayat.live .m.on[data-idle="live"],.ua-pasangan.live .m.on[data-idle="live"],.ua-acara.live .m.on[data-idle="live"]{animation:m-in calc(var(--t,1200) * 1ms) var(--e) calc(var(--d,0) * 1ms) backwards,m-live calc(var(--it,12000) * 1ms) ease-in-out calc((var(--d,0) + var(--t,1200) + var(--io,0)) * 1ms) infinite none;}
@keyframes m-sway{0%,100%{rotate:0deg;}25%{rotate:calc(var(--ir,1) * 1deg);}75%{rotate:calc(var(--ir,1) * -1deg);}}
@keyframes m-float{0%,100%{translate:0 0;}50%{translate:calc(var(--fx,0) * var(--u)) calc(var(--fy,0) * var(--u));}}
@keyframes m-live{
  0%{translate:0 0;rotate:0deg;}
  30%{translate:calc(var(--ix,0) * var(--u)) calc(var(--iy,0) * var(--u));rotate:calc(var(--ir,0) * 1deg);}
  60%{translate:calc(var(--ix,0) * .6 * var(--u)) calc(var(--iy,0) * .6 * var(--u));rotate:calc(var(--ir,0) * .4deg);}
  100%{translate:0 0;rotate:0deg;}
}
.ua-deco{pointer-events:none;}

/* ================= Cover ================= */
.ua-cover{background:var(--c-light);transition:opacity .8s cubic-bezier(.22,.61,.36,1),translate .8s cubic-bezier(.22,.61,.36,1);}
.ua-app.is-open .ua-cover{position:absolute;top:0;left:0;z-index:5;opacity:0;translate:0 -3%;pointer-events:none;}
.ua-photo-frame{border-radius:9999px;overflow:hidden;background:var(--c-light);box-shadow:0 calc(10 * var(--u)) calc(30 * var(--u)) rgba(0,0,0,.35);}
/* hairlines are drawn as inset rings, not borders: a border is snapped to whole device pixels, a ring keeps the PSD's fractional width */
.ua-photo-frame::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 calc(3 * var(--u)) rgba(255,255,255,.95);pointer-events:none;}
.ua-photo-img{display:none;width:100%;height:100%;object-fit:cover;object-position:50% 50%;}
.ua-text{color:var(--c-light);text-align:center;}
.ua-eyebrow{font-family:var(--font-script);font-size:calc(64 * var(--u));line-height:calc(64 * var(--u));white-space:nowrap;}
.ua-stack{display:flex;flex-direction:column;align-items:center;}
.ua-names{width:calc(800 * var(--u));min-height:calc(70 * var(--u));text-wrap:balance;overflow-wrap:anywhere;font-family:var(--font-display);font-size:calc(66 * var(--u));font-weight:700;letter-spacing:calc(1 * var(--u));line-height:1.05;text-transform:uppercase;}
.ua-guestblock{width:calc(800 * var(--u));margin-top:calc(59 * var(--u));text-align:center;}
.ua-guestlabel{font-family:var(--font-body);font-size:calc(32 * var(--u));font-weight:500;line-height:calc(32 * var(--u));color:#fff;}
.ua-guestname{text-wrap:balance;overflow-wrap:anywhere;font-family:var(--font-display);font-size:calc(60 * var(--u));font-weight:700;letter-spacing:calc(1 * var(--u));line-height:1.05;margin-top:calc(40 * var(--u));}
.ua-open-btn{position:relative;width:calc(438 * var(--u));height:calc(83 * var(--u));margin-top:calc(81 * var(--u));flex:none;display:flex;align-items:center;justify-content:center;gap:calc(16 * var(--u));
  appearance:none;-webkit-appearance:none;background:var(--c-dark);color:#fff;border-radius:9999px;border:0;box-shadow:inset 0 0 0 calc(2 * var(--u)) rgba(247,237,216,.55);
  font-family:var(--font-body);font-weight:600;font-size:calc(27 * var(--u));letter-spacing:calc(1 * var(--u));cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;}
.ua-open-btn svg{width:calc(30 * var(--u));height:calc(30 * var(--u));flex:none;}
.ua-open-btn:active{scale:.98;}
.ua-stack.is-compact .ua-guestblock{margin-top:calc(36 * var(--u));}
.ua-stack.is-compact .ua-guestname{margin-top:calc(26 * var(--u));}
.ua-stack.is-compact .ua-open-btn{margin-top:calc(56 * var(--u));}
.ua-names,.ua-guestname{text-shadow:0 1px 8px rgba(0,0,0,.35);}

/* ================= Hero ================= */
.ua-hero{background:var(--c-light);}
.ua-hero.is-still{background:var(--c-light) url("/templates/bugis/assets/hero-last.jpg") center/cover no-repeat;}
.ua-hero-video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;background:transparent;pointer-events:none;}
.ua-hero-initial,.ua-hero-amp,.ua-hero-date{color:#353f66;text-align:center;white-space:nowrap;line-height:1;}
.ua-hero-initial{font-family:var(--font-display);font-weight:600;font-size:calc(350 * var(--u));text-transform:uppercase;}
.ua-hero-init-top{--x:301;--y:578;--w:400;--h:350;}
.ua-hero-init-bottom{--x:374;--y:772;--w:400;--h:350;}
.ua-hero-amp{font-family:var(--font-display);font-weight:600;font-size:calc(59.3 * var(--u));--x:592;--y:755;--w:120;--h:59.3;}
.ua-hero-date{font-family:var(--font-body);font-weight:500;font-size:calc(40 * var(--u));letter-spacing:calc(9 * var(--u));padding-left:calc(9 * var(--u));--x:90;--y:1112;--w:900;--h:40;}
.ua-hero.is-pending .ua-hero-initial,.ua-hero.is-pending .ua-hero-amp,.ua-hero.is-pending .ua-hero-date{opacity:0;translate:0 calc(12 * var(--u));}
.ua-hero-initial,.ua-hero-amp,.ua-hero-date{transition:opacity 2600ms cubic-bezier(.25,.1,.25,1),translate 2600ms cubic-bezier(.25,.1,.25,1);}
.ua-hero-init-top{transition-delay:0ms;}
.ua-hero-amp{transition-delay:500ms;}
.ua-hero-init-bottom{transition-delay:900ms;}
.ua-hero-date{transition-delay:1700ms;}

/* ================= Ayat ================= */
@font-face{font-family:'DejaVu Serif';font-style:normal;font-weight:400;font-display:swap;src:url("/templates/bugis/assets/DejaVuSerif.woff2") format("woff2");}
@font-face{font-family:'DejaVu Serif';font-style:italic;font-weight:400;font-display:swap;src:url("/templates/bugis/assets/DejaVuSerif-Italic.woff2") format("woff2");}
.ua-ayat-photo{border-radius:calc(57.39 * var(--u));overflow:hidden;}
.ua-ayat-photo img{display:none;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;}
.ua-ayat-verse{display:flex;align-items:center;justify-content:center;font-family:'DejaVu Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:calc(21.74 * var(--u));line-height:calc(35.25 * var(--u));color:#1f4876;text-align:center;}
.ua-ayat-verse-text{width:100%;}
.ua-ayat-source{display:flex;align-items:center;justify-content:center;font-family:'DejaVu Serif',Georgia,serif;font-weight:400;font-size:calc(48.05 * var(--u));line-height:1.1;color:#1f4876;text-align:center;}
.ua-ayat-source span{display:block;width:100%;}
.ua-ayat-photo-line{box-shadow:inset 0 0 0 calc(1.15 * var(--u)) #000;border-radius:calc(57.96 * var(--u));pointer-events:none;}
.ua-ayat-foliage{width:100%;height:100%;}
.ua-ayat-clip{overflow:hidden;border-radius:calc(55 * var(--u));pointer-events:none;}

/* ================= Pasangan ================= */
.ua-pas-panel{border-radius:calc(56 * var(--u));background:rgba(30,64,89,.8);box-shadow:inset 0 0 0 calc(1 * var(--u)) rgba(0,0,0,.8);}
.ua-pas-aperture{overflow:hidden;-webkit-mask-image:url("/templates/bugis/assets/pas-mask.webp");mask-image:url("/templates/bugis/assets/pas-mask.webp");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
.ua-pas-aperture img{display:none;width:100%;height:100%;object-fit:cover;object-position:50% 27%;}
.ua-pas-title,.ua-pas-intro,.ua-pas-name,.ua-pas-parents{color:#fff9e2;text-align:center;}
.ua-pas-title{font-family:var(--font-script);font-size:calc(80.4 * var(--u));line-height:calc(107 * var(--u));white-space:nowrap;}
.ua-pas-title-text{width:100%;}
.ua-pas-line{width:max-content;margin:0 auto;}
.ua-pas-intro{font-family:var(--font-body);font-weight:600;font-size:calc(25 * var(--u));line-height:calc(38 * var(--u));}
.ua-pas-intro-text{width:100%;}
.ua-pas-name{display:flex;align-items:flex-end;justify-content:center;font-family:'Tinos','Times New Roman',serif;font-weight:400;font-size:calc(54.8 * var(--u));line-height:1;text-transform:uppercase;white-space:nowrap;}
.ua-pas-parents{font-family:var(--font-body);font-weight:600;font-size:calc(44.2 * var(--u));line-height:calc(60 * var(--u));}
.ua-pas-parents-text{width:100%;}
.ua-pas-ig{display:block;line-height:0;}
.ua-pas-ig img{display:block;width:100%;height:100%;}

/* ================= Acara ================= */
@font-face{font-family:'DejaVu Sans';font-style:normal;font-weight:400;font-display:swap;src:url("/templates/bugis/assets/DejaVuSans.woff2") format("woff2");}
.ua-ac-title,.ua-ac-dt,.ua-ac-venue,.ua-ac-addr,.ua-ac-cd{text-align:center;}
.ua-ac-title{font-family:'DejaVu Sans',Verdana,sans-serif;font-size:calc(78.2 * var(--u));line-height:calc(78.2 * var(--u));color:#164777;white-space:nowrap;}
.ua-ac-dt{font-family:'Lora',Georgia,serif;font-weight:400;color:#1f4376;text-transform:uppercase;}
.ua-ac-l0,.ua-ac-l1{font-weight:400;font-size:calc(77.9 * var(--u) * var(--k,1));line-height:calc(103 * var(--u));height:calc(103 * var(--u));white-space:nowrap;}
.ua-ac-l2{font-weight:400;font-size:calc(54.7 * var(--u) * var(--k,1));line-height:calc(90 * var(--u));height:calc(90 * var(--u));color:#2e4a7a;white-space:nowrap;}
.ua-ac-venue{font-family:'Lora',Georgia,serif;font-weight:400;font-size:calc(49.8 * var(--u));line-height:calc(49.8 * var(--u));color:#1c1c20;text-transform:uppercase;white-space:nowrap;}
.ua-ac-addr{font-family:'Lora',Georgia,serif;font-weight:400;font-size:calc(30.3 * var(--u));line-height:calc(47.5 * var(--u));color:#242428;}
.ua-ac-addr-text{width:100%;}
.ua-ac-chunk{display:inline-block;max-width:100%;}
.ua-ac-cd{font-family:'Lora',Georgia,serif;font-weight:400;font-size:calc(69.5 * var(--u));line-height:calc(70 * var(--u));color:#a4744c;white-space:nowrap;}
.ua-ac-maps{display:block;line-height:0;}
.ua-ac-maps img{display:block;width:100%;height:100%;}

/* ================= Live Streaming (stage 2; appended, stage-1 rules above are untouched) ================= */
.ua-live{position:relative;width:100%;overflow:hidden;display:none;--u:calc(var(--aw) / 1080);height:calc(1199 * var(--u));background:#bfb9bb;}
.ua-app.is-open .ua-live{display:block;}
.ua-live-scene{position:absolute;left:0;top:0;width:100%;height:100%;}
.ua-live.live .m.on[data-idle="live"]{animation:m-in calc(var(--t,1200) * 1ms) var(--e) calc(var(--d,0) * 1ms) backwards,m-live calc(var(--it,12000) * 1ms) ease-in-out calc((var(--d,0) + var(--t,1200) + var(--io,0)) * 1ms) infinite none;}
.ua-lv-btn{display:block;line-height:0;text-decoration:none;color:#f0f2f4;-webkit-tap-highlight-color:transparent;}
.ua-lv-btn>img{display:block;width:100%;height:100%;}
.ua-lv-in{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:calc(32 * var(--u));padding-left:calc(4 * var(--u));box-sizing:border-box;}
.ua-lv-ico{width:calc(54 * var(--u));height:calc(54 * var(--u));margin:calc(-5 * var(--u)) calc(-6 * var(--u));flex:none;fill:none;stroke:#f0f2f4;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.ua-lv-ico .f{fill:#f0f2f4;stroke:none;}
.ua-lv-clip{overflow:hidden;border-radius:calc(48 * var(--u));pointer-events:none;}
.ua-lv-label{transform:translateY(calc(-2 * var(--u)));font-family:'Poppins',sans-serif;font-weight:600;font-size:calc(34.1 * var(--u));line-height:1;white-space:nowrap;color:#f0f2f4;}

/* ================= Galeri (stage 3; appended, earlier rules are untouched) ================= */
.ua-galeri{position:relative;width:100%;overflow:hidden;display:none;--u:calc(var(--aw) / 1080);height:calc(var(--H,1481) * var(--u));background:#1e4059;}
.ua-app.is-open .ua-galeri{display:block;}
.ua-galeri-scene{position:absolute;left:0;top:0;width:100%;height:100%;}
.ua-gal-galeri,.ua-gal-title,.ua-gal-sub{text-align:center;white-space:nowrap;}
.ua-gal-galeri,.ua-gal-title{font-family:'Bodoni Moda','Didot',Georgia,serif;font-weight:700;font-optical-sizing:none;font-variation-settings:'opsz' 24;line-height:1;}
.ua-gal-galeri{color:#fffdf1;font-size:calc(38 * var(--u));letter-spacing:calc(6.5 * var(--u));padding-left:calc(6.5 * var(--u));}
.ua-gal-title{color:#fffdf2;font-size:calc(93.4 * var(--u));letter-spacing:calc(-5.5 * var(--u));}
.ua-gal-sub{color:#fffdf2;font-family:'Gelasio',Georgia,serif;font-weight:400;font-size:calc(32 * var(--u));line-height:calc(35 * var(--u));letter-spacing:calc(.3 * var(--u));}
.ua-gal-row{overflow:hidden;}
.ua-gal-track{display:flex;gap:calc(23 * var(--u));width:100%;height:100%;overflow-x:hidden;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-y;}
.ua-gal-track::-webkit-scrollbar{display:none;}
.ua-gal-slide{flex:0 0 calc(395 * var(--u));height:100%;scroll-snap-align:start;border-radius:calc(22 * var(--u));overflow:hidden;background:rgba(248,237,217,.07);cursor:zoom-in;-webkit-tap-highlight-color:transparent;}
.ua-gal-slide[hidden]{display:none;}
.ua-gal-slide:focus-visible{outline:3px solid var(--c-light);outline-offset:-3px;}
.ua-gal-slide img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 35%;-webkit-user-drag:none;user-select:none;}
.ua-gal-dots{display:flex;align-items:center;justify-content:center;gap:calc(14 * var(--u));}
.ua-gal-dots span{display:block;flex:0 0 auto;width:calc(10 * var(--u));height:calc(10 * var(--u));border-radius:50%;background:rgba(248,237,217,.38);}
.ua-gal-dots span.is-active{width:calc(16 * var(--u));height:calc(16 * var(--u));background:var(--c-light);}
/* fullscreen lightbox: one <img> at a time, released on close */
.ua-lb{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2147483000;background:rgba(5,16,28,.96);overflow:hidden;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;}
.ua-lb[hidden]{display:none;}
.ua-lb-img{position:absolute;left:50%;top:50%;max-width:none;transform-origin:50% 50%;will-change:transform;-webkit-user-drag:none;pointer-events:none;}
.ua-lb-btn{position:absolute;width:48px;height:48px;border:0;border-radius:24px;background:rgba(0,0,0,.55);color:#fff;font:400 30px/48px 'Poppins',Arial,sans-serif;text-align:center;padding:0;cursor:pointer;touch-action:manipulation;}
.ua-lb-x{top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);}
.ua-lb-prev,.ua-lb-next{top:50%;margin-top:-24px;}
.ua-lb-prev{left:calc(env(safe-area-inset-left,0px) + 8px);}
.ua-lb-next{right:calc(env(safe-area-inset-right,0px) + 8px);}
.ua-lb-btn[hidden]{display:none;}
@media (hover:none) and (pointer:coarse){.ua-lb-prev,.ua-lb-next{display:none;}}
.ua-lb-count{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);text-align:center;color:#fff;font:500 15px/1 'Poppins',Arial,sans-serif;letter-spacing:.06em;text-shadow:0 1px 3px rgba(0,0,0,.7);pointer-events:none;}
.ua-lb-count[hidden]{display:none;}

/* ================= Video (stage 4; appended) ================= */
.ua-video{position:relative;width:100%;overflow:hidden;display:none;--u:calc(var(--aw) / 1882);height:calc(2658 * var(--u));background:#1e4059;}
.ua-app.is-open .ua-video{display:block;}
.ua-video-scene{position:absolute;left:0;top:0;width:100%;height:100%;}
.ua-vd-frame{background:#000;overflow:hidden;}
.ua-vd-poster{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;}
.ua-vd-poster:focus-visible{outline:3px solid #fff;outline-offset:-5px;}
.ua-vd-thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.ua-vd-thumb[hidden]{display:none;}
.ua-vd-btn{position:relative;display:flex;align-items:center;justify-content:center;width:calc(210 * var(--u));height:calc(210 * var(--u));border-radius:50%;background:rgba(0,0,0,.3);}
.ua-vd-btn svg{width:calc(96 * var(--u));height:calc(100 * var(--u));margin-left:calc(9 * var(--u));}
.ua-vd-poster:active .ua-vd-btn{background:rgba(0,0,0,.45);}
.ua-vd-player{position:absolute;border:0;background:#000;display:block;}
iframe.ua-vd-player{left:0;top:calc(178 * var(--u));width:100%;height:calc(1056 * var(--u));}
video.ua-vd-player{left:0;top:0;width:100%;height:100%;object-fit:contain;}

/* ================= Love Story (stage 4; appended) ================= */
.ua-lovestory{position:relative;width:100%;overflow:hidden;display:none;--u:calc(var(--aw) / 1080);height:calc(var(--H,2364) * var(--u));background:#1e4059;}
.ua-app.is-open .ua-lovestory{display:block;}
.ua-lovestory-scene{position:absolute;left:0;top:0;width:100%;height:100%;}
.ua-lovestory.live .m.on[data-idle="live"]{animation:m-in calc(var(--t,1200) * 1ms) var(--e) calc(var(--d,0) * 1ms) backwards,m-live calc(var(--it,12000) * 1ms) ease-in-out calc((var(--d,0) + var(--t,1200) + var(--io,0)) * 1ms) infinite none;}
.ua-ls-card{overflow:visible;}
.ua-ls-strip{position:absolute;left:0;top:0;width:calc(68 * var(--u));height:calc(327 * var(--u));object-fit:cover;object-position:0 0;}
.ua-ls-box{position:absolute;left:calc(90 * var(--u));top:calc(3 * var(--u));width:calc(764 * var(--u));height:calc(282 * var(--u));border-radius:calc(30 * var(--u));background:linear-gradient(180deg,#fefdfb 0%,#fefefd 10%,#fdfcf9 25%,#fbf8f3 50%,#f9f5ee 75%,#f8f3ea 90%,#f7f1e8 100%);overflow:hidden;}
.ua-ls-text{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(6.4 * var(--u)) calc(32 * var(--u)) 0;text-align:center;}
.ua-ls-year{font-family:'Arimo','Helvetica Neue',Arial,sans-serif;font-style:italic;font-weight:700;font-size:calc(38 * var(--u));line-height:1;color:#241a12;white-space:nowrap;margin-bottom:calc(22.3 * var(--u));}
.ua-ls-body{width:calc(700 * var(--u));max-width:100%;font-family:'Tinos','Times New Roman',serif;font-weight:400;font-size:calc(46 * var(--u));line-height:calc(67 * var(--u));color:#2c2118;overflow-wrap:anywhere;}

/* ================= RSVP (stage 5; appended) ================= */
.dy{top:calc((var(--y) + var(--dy,0)) * var(--u));}
.ua-rsvp{position:relative;width:100%;overflow:hidden;display:none;--u:calc(var(--aw) / 1882);height:calc((4159 + var(--dy,0)) * var(--u));background:#274056;}
.ua-app.is-open .ua-rsvp{display:block;}
.ua-rsvp-scene{position:absolute;left:0;top:0;width:100%;height:100%;}
.ua-rsvp.live .m.on[data-idle="live"]{animation:m-in calc(var(--t,1200) * 1ms) var(--e) calc(var(--d,0) * 1ms) backwards,m-live calc(var(--it,12000) * 1ms) ease-in-out calc((var(--d,0) + var(--t,1200) + var(--io,0)) * 1ms) infinite none;}
.ua-rs-bgbot{--x:0;--y:2865;--w:1882;--h:1294;top:calc((var(--y) + var(--dy,0)) * var(--u));-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 calc(200 * var(--u)));mask-image:linear-gradient(to bottom,transparent 0,#000 calc(200 * var(--u)));}
.ua-rs-desc{--x:240;--y:805;--w:1400;--h:196;display:flex;align-items:flex-start;justify-content:center;text-align:center;font-family:'Arimo','Helvetica Neue',Arial,sans-serif;font-weight:400;font-size:calc(64 * var(--u));line-height:calc(98 * var(--u));color:#fff;overflow:hidden;overflow-wrap:anywhere;}
.ua-rs-label{--x:77;--w:900;--h:56;font-family:'EB Garamond','Cochin',Georgia,serif;font-weight:700;font-size:max(calc(55.5 * var(--u)),11px);line-height:1;color:#fff;white-space:nowrap;}
.ua-rs-ctl{--x:82;--w:1734;--h:192;box-sizing:border-box;margin:0;padding:0 calc(57 * var(--u));border:0;border-radius:calc(38 * var(--u));background:#fff;box-shadow:0 0 0 calc(4 * var(--u)) rgba(196,205,212,.4),0 calc(8 * var(--u)) calc(14 * var(--u)) rgba(0,0,0,.10);font-family:'EB Garamond','Cochin',Georgia,serif;font-weight:400;font-size:max(calc(66 * var(--u)),16px);line-height:1.2;color:#111;outline:0;-webkit-appearance:none;appearance:none;}
.ua-rs-ctl::placeholder{color:#7a7a7a;opacity:1;}
.ua-rs-ctl:focus-visible{box-shadow:0 0 0 calc(6 * var(--u)) rgba(255,255,255,.75);}
.ua-rs-select{--h:200;padding-left:calc(73 * var(--u));padding-right:calc(120 * var(--u));text-overflow:ellipsis;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='20' viewBox='0 0 34 20'%3E%3Cpath d='M3 3l14 13L31 3' fill='none' stroke='%23111' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right calc(14 * var(--u)) center / calc(34 * var(--u)) calc(20 * var(--u));}
.ua-rs-ctl[hidden],.ua-rs-label[hidden]{display:none;}
.ua-rs-select:disabled{opacity:.55;cursor:not-allowed;}
.ua-rs-area{--h:336;padding:calc(53 * var(--u)) calc(57 * var(--u)) 0;resize:none;display:block;line-height:1.3;}
.ua-rs-submit{--x:77;--y:2691;--w:1743;--h:192;top:calc((var(--y) + var(--dy,0)) * var(--u));box-sizing:border-box;margin:0;padding:calc(15 * var(--u)) 0 0 calc(22.6 * var(--u));border:0;border-radius:calc(44 * var(--u));background:#274056;box-shadow:0 calc(8 * var(--u)) calc(12 * var(--u)) rgba(0,0,0,.14);color:#eef3fa;font-family:'Cormorant Garamond','Cochin',Georgia,serif;font-weight:500;font-size:max(calc(97.5 * var(--u)),12px);letter-spacing:calc(22.6 * var(--u));text-transform:uppercase;line-height:1;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;}
.ua-rs-submit:disabled{opacity:.7;cursor:default;}
.ua-rs-submit::after{content:"";position:absolute;left:0;right:0;top:calc(-34 * var(--u));bottom:calc(-34 * var(--u));}
.ua-rs-submit:focus-visible{outline:3px solid #fff;outline-offset:-5px;}
.ua-rs-status{--x:82;--y:2904;--w:1734;--h:100;top:calc((var(--y) + var(--dy,0)) * var(--u));margin:0;display:flex;align-items:center;justify-content:center;text-align:center;font-family:'EB Garamond','Cochin',Georgia,serif;font-weight:500;font-size:max(calc(50 * var(--u)),12px);line-height:1.15;color:#ffd7d7;}
.ua-rs-status.is-ok{color:#d8f2c6;}
.ua-rs-status:empty{visibility:hidden;}
.ua-rs-card{--x:81;--w:1719;--h:315;top:calc((var(--y) + var(--dy,0)) * var(--u));box-sizing:border-box;padding:0 calc(69 * var(--u));border:0;box-shadow:0 0 0 calc(4 * var(--u)) #bcbec1;border-radius:calc(46 * var(--u));background:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden;}
.ua-rs-card[hidden]{display:none;}
#uaRsCard1{--y:3023;}
#uaRsCard2{--y:3396;--h:318;}
.ua-rs-card-name{font-family:'Cormorant Garamond','Cochin',Georgia,serif;font-style:italic;font-weight:600;font-size:max(calc(69 * var(--u)),12px);line-height:1.15;color:#2a2a2a;position:relative;top:calc(-5 * var(--u));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ua-rs-card-msg{margin:calc(24 * var(--u)) 0 0;font-family:'EB Garamond','Cochin',Georgia,serif;font-weight:400;font-size:max(calc(59.5 * var(--u)),12px);line-height:1.25;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;}

/* ================= Hadiah (stage 6; appended) ================= */
.ua-hadiah{position:relative;width:100%;overflow:hidden;display:none;--u:calc(var(--aw) / 1882);height:calc(var(--H,3180) * var(--u));background:#1e4059;}
.ua-app.is-open .ua-hadiah{display:block;}
.ua-hadiah-scene{position:absolute;left:0;top:0;width:100%;height:100%;}
.ua-hadiah.live .m.on[data-idle="live"]{animation:m-in calc(var(--t,1200) * 1ms) var(--e) calc(var(--d,0) * 1ms) backwards,m-live calc(var(--it,12000) * 1ms) ease-in-out calc((var(--d,0) + var(--t,1200) + var(--io,0)) * 1ms) infinite none;}
.ua-hd-desc{display:flex;align-items:flex-start;justify-content:center;font-family:'Poppins','Helvetica Neue',Arial,sans-serif;font-weight:400;font-size:calc(60.2 * var(--u));letter-spacing:calc(2.17 * var(--u));line-height:calc(90 * var(--u));color:#fff;text-align:center;}
.ua-hd-desc-text{width:100%;padding-left:calc(2.17 * var(--u));}
.ua-hd-card{color:#330802;font-family:'Poppins','Helvetica Neue',Arial,sans-serif;}
.ua-hd-card::before{content:"";position:absolute;left:calc(2 * var(--u));top:calc(2 * var(--u));width:calc(1200 * var(--u));height:calc(818 * var(--u));border-radius:calc(40 * var(--u));background:linear-gradient(160deg,#f7f8f3 0%,#f8f8f3 10%,#f8f8f3 40%,#f8f8f2 50%,#f3f3ef 60%,#eeeeeb 70%,#e9e9e7 80%,#e4e4e4 90%,#dfe0e0 100%);}
.ua-hd-card > *{position:absolute;}
.ua-hd-card[hidden]{display:none;}
.ua-hd-title{left:calc(81 * var(--u));top:calc(117 * var(--u));width:calc(700 * var(--u));font-weight:600;font-size:max(calc(51.4 * var(--u)),11px);line-height:1.2;color:#330802;overflow-wrap:anywhere;}
.ua-hd-logo{left:calc(826 * var(--u));top:calc(92 * var(--u));width:calc(294 * var(--u));height:calc(86 * var(--u));display:flex;align-items:center;justify-content:flex-end;}
.ua-hd-logo img{display:block;max-width:100%;max-height:100%;object-fit:contain;object-position:right center;}
.ua-hd-logo-t{font-weight:600;font-size:max(calc(46 * var(--u)),11px);line-height:1.1;color:#330802;text-align:right;overflow-wrap:break-word;}
.ua-hd-lab{font-weight:400;font-size:max(calc(41.4 * var(--u)),10px);line-height:1;color:#2b1f19;white-space:nowrap;}
.ua-hd-numlab{left:calc(83 * var(--u));top:calc(349 * var(--u));}
.ua-hd-num{left:calc(80 * var(--u));top:calc(416 * var(--u));width:calc(700 * var(--u));font-weight:600;font-size:calc(55.1 * var(--u));letter-spacing:calc(12.4 * var(--u));line-height:1.15;color:#340903;}
.ua-hd-atl{left:calc(83 * var(--u));top:calc(611 * var(--u));}
.ua-hd-holder{left:calc(85 * var(--u));top:calc(668 * var(--u));width:calc(715 * var(--u));font-weight:600;font-size:max(calc(46.6 * var(--u)),10.5px);line-height:1.2;color:#330d05;overflow-wrap:anywhere;}
.ua-hd-pl{right:calc(85 * var(--u));top:calc(611 * var(--u));text-align:right;}
.ua-hd-date{right:calc(83 * var(--u));top:calc(666 * var(--u));width:calc(260 * var(--u));font-weight:600;font-size:max(calc(47.7 * var(--u)),10.5px);line-height:1.2;color:#330e05;text-align:right;white-space:nowrap;}
.ua-hd-pl[hidden],.ua-hd-date[hidden],.ua-hd-atl[hidden],.ua-hd-holder[hidden]{display:none;}
.ua-hd-copy{left:calc(810 * var(--u));top:calc(386 * var(--u));width:calc(312 * var(--u));height:calc(106 * var(--u));border:0;padding:0;margin:0;border-radius:calc(53 * var(--u));background:linear-gradient(180deg,#68130f 0%,#65120f 50%,#62110e 100%);color:#fff;font-family:'Poppins','Helvetica Neue',Arial,sans-serif;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
.ua-hd-copy svg{position:absolute;left:calc(62 * var(--u));top:calc(32 * var(--u));width:calc(32 * var(--u));height:calc(36 * var(--u));}
.ua-hd-copy-t{position:absolute;left:calc(157 * var(--u));top:calc(31 * var(--u));font-size:calc(35.8 * var(--u));line-height:1;white-space:nowrap;}
.ua-hd-copy.is-done{background:#3d5a2b;}
.ua-hd-qrbox{left:calc(252 * var(--u));top:calc(215 * var(--u));width:calc(700 * var(--u));height:calc(700 * var(--u));display:flex;align-items:center;justify-content:center;background:#fff;border-radius:calc(28 * var(--u));overflow:hidden;cursor:zoom-in;-webkit-tap-highlight-color:transparent;box-shadow:0 0 0 calc(3 * var(--u)) rgba(0,0,0,.08);}
.ua-hd-qrbox:focus-visible{outline:calc(6 * var(--u)) solid #65120f;outline-offset:calc(4 * var(--u));}
.ua-hd-qrzoom{position:absolute;right:calc(18 * var(--u));bottom:calc(18 * var(--u));width:calc(72 * var(--u));height:calc(72 * var(--u));border-radius:50%;background:rgba(40,30,28,.62);display:flex;align-items:center;justify-content:center;pointer-events:none;}
.ua-hd-qrbox img{display:block;width:100%;height:100%;object-fit:contain;}
.ua-hd-wide .ua-hd-logo{left:calc(626 * var(--u));width:calc(494 * var(--u));}
.ua-hd-wide .ua-hd-title{width:calc(530 * var(--u));}
.ua-hd-qris::before{height:calc(100% - calc(4 * var(--u)));}
.ua-hd-qrzoom svg{width:calc(40 * var(--u));height:calc(40 * var(--u));}

/* ================= Closing (stage 7; appended) ================= */
.ua-closing{position:relative;width:100%;overflow:hidden;display:none;--u:calc(var(--aw) / 1882);height:calc((3971 - var(--cs,0)) * var(--u));background:#1e4059;}
.ua-app.is-open .ua-closing{display:block;}
.ua-closing-scene{position:absolute;left:0;top:0;width:100%;height:100%;}
.ua-cl-body{position:absolute;left:0;top:calc(var(--cs,0) * -1 * var(--u));width:100%;height:calc(3971 * var(--u));}
.ua-cl-photo{left:0;top:0;width:calc(1882 * var(--u));height:calc(3300 * var(--u));overflow:hidden;background:#1e4059;}
.ua-cl-photo[hidden],.ua-cl-veil[hidden],.ua-cl-topfade[hidden]{display:none;}
.ua-cl-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%;}
.ua-cl-veil{left:0;top:0;width:calc(1882 * var(--u));height:calc(3971 * var(--u));background:linear-gradient(to bottom,rgba(39,64,86,0) 0,rgba(39,64,86,0) calc(900 * var(--u)),rgba(39,64,86,0.011) calc(1000 * var(--u)),rgba(39,64,86,0.03) calc(1100 * var(--u)),rgba(39,64,86,0.05) calc(1200 * var(--u)),rgba(39,64,86,0.073) calc(1300 * var(--u)),rgba(39,64,86,0.102) calc(1400 * var(--u)),rgba(39,64,86,0.134) calc(1500 * var(--u)),rgba(39,64,86,0.17) calc(1600 * var(--u)),rgba(39,64,86,0.21) calc(1700 * var(--u)),rgba(39,64,86,0.252) calc(1800 * var(--u)),rgba(39,64,86,0.294) calc(1900 * var(--u)),rgba(39,64,86,0.34) calc(2000 * var(--u)),rgba(39,64,86,0.394) calc(2100 * var(--u)),rgba(39,64,86,0.449) calc(2200 * var(--u)),rgba(39,64,86,0.507) calc(2300 * var(--u)),rgba(39,64,86,0.569) calc(2400 * var(--u)),rgba(39,64,86,0.633) calc(2500 * var(--u)),rgba(39,64,86,0.696) calc(2600 * var(--u)),rgba(39,64,86,0.763) calc(2700 * var(--u)),rgba(39,64,86,0.826) calc(2800 * var(--u)),rgba(39,64,86,0.885) calc(2900 * var(--u)),rgba(39,64,86,0.944) calc(3000 * var(--u)),rgba(39,64,86,0.975) calc(3100 * var(--u)),#1e4059 calc(3250 * var(--u)),#1e4059 calc(3971 * var(--u)));}
.ua-cl-topfade{left:0;top:0;width:calc(1882 * var(--u));height:calc(420 * var(--u));background:linear-gradient(to bottom,#1e4059 0,#1e4059 100%);}
.ua-cl-kata,.ua-cl-blessed,.ua-cl-names{margin:0;text-align:center;overflow-wrap:anywhere;}
.ua-cl-kata{left:calc(376 * var(--u));top:calc(2604 * var(--u));width:calc(1120 * var(--u));height:calc(250 * var(--u));overflow:hidden;font-family:'Arimo','Helvetica Neue',Arial,sans-serif;font-weight:400;font-size:calc(62.5 * var(--u));line-height:calc(112 * var(--u));color:#f4f3e2;}
.ua-cl-blessed{left:calc(284 * var(--u));top:calc(2917 * var(--u));width:calc(1300 * var(--u));height:calc(60 * var(--u));font-family:'Arimo','Helvetica Neue',Arial,sans-serif;font-weight:400;font-size:max(calc(55 * var(--u)),11px);line-height:calc(60 * var(--u));color:#fff;white-space:nowrap;}
.ua-cl-names{left:calc(88 * var(--u));top:calc(3006 * var(--u));width:calc(1700 * var(--u));height:calc(160 * var(--u));display:flex;align-items:center;justify-content:center;font-family:'Tinos','Times New Roman',Times,serif;font-style:italic;font-weight:400;font-size:calc(133 * var(--u));line-height:1;color:#fff;white-space:nowrap;text-align:center;}
.ua-cl-names:empty{display:none;}
.ua-cl-logo{left:calc(848 * var(--u));top:calc(3488 * var(--u));width:calc(178 * var(--u));height:calc(178 * var(--u));display:block;}
.ua-cl-logo img{display:block;width:100%;height:100%;}
.ua-cl-soc{left:calc(774 * var(--u));top:calc(3732 * var(--u));width:calc(324 * var(--u));height:calc(136 * var(--u));display:block;pointer-events:none;}
.ua-cl-soc-a{top:calc(3732 * var(--u));width:calc(136 * var(--u));height:calc(136 * var(--u));display:block;}
.ua-cl-logo::after,.ua-cl-soc-a::after{content:"";position:absolute;left:calc(-20 * var(--u));right:calc(-20 * var(--u));top:calc(-20 * var(--u));bottom:calc(-20 * var(--u));}
.ua-cl-music{left:calc(1607 * var(--u));top:calc(3707 * var(--u));width:calc(184 * var(--u));height:calc(183 * var(--u));margin:0;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;}
.ua-cl-music[hidden]{display:none;}
.ua-cl-music img{display:block;width:100%;height:100%;pointer-events:none;}
.ua-cl-music.is-on{background:rgba(244,243,226,.22);}
.ua-cl-music:focus-visible,.ua-cl-logo:focus-visible,.ua-cl-soc-a:focus-visible{outline:calc(6 * var(--u)) solid #f4f3e2;outline-offset:calc(6 * var(--u));}
.ua-cl-photo:not(.is-ready){visibility:hidden;}
.ua-cl-photo img{transform-origin:50% 28%;}
@keyframes uaClDrift{from{transform:scale(1) translate3d(0,0,0);}to{transform:scale(1.07) translate3d(-1.4%,-1.1%,0);}}
.ua-closing.is-inview .ua-cl-photo img{animation:uaClDrift 24s ease-in-out infinite alternate;}

/* ================= PART 3: neutral stand-ins for art (replace with the template's own ornaments) ================= */
.ua-cover-scene{background:#2b3138;}
.ua-pill{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:9999px;background:var(--c-dark);color:#fff;font-family:var(--font-body);font-weight:600;font-size:calc(34 * var(--u));}

.ua-badge{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:var(--c-dark);color:#fff;font-family:var(--font-body);font-weight:700;font-size:calc(70 * var(--u));}

.ua-ayat-photo{background:#e9edf3;}

.ua-card{background:var(--c-light);border-radius:calc(60 * var(--u));box-shadow:0 calc(8 * var(--u)) calc(30 * var(--u)) rgba(0,0,0,.18);}
.ua-ttl{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--c-light);font-family:var(--font-display);font-size:calc(var(--fs,60) * var(--u));line-height:1.1;}
.ua-ttl-body{font-family:var(--font-body);line-height:1.5;}
.ua-live .ua-ttl,.ua-acara .ua-ttl[style*="--y:1001"]{color:var(--c-dark);}
.ua-live .ua-ttl-body{color:var(--c-dark);}