:root{--gold:#e7c14f;--gold-soft:#f6e6c4;--cream:#f7e9cf;--muted:#f7e9cfb8;--faint:#f7e9cf80;--line:#e7c14f3d;--shadow:0 2px 18px #0a040c8c;--serif:"Playfair Display", Georgia, "Times New Roman", serif;--sans:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto}body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--sans);color:var(--cream);-webkit-font-smoothing:antialiased;background:radial-gradient(120% 90% at 50% 108%,#8a3b2a 0%,#4a1f2e 34%,#25122b 62%,#150a1c 100%);margin:0;overflow-x:hidden}.root{min-height:100vh;position:relative}.gl{z-index:0;width:100vw;height:100vh;display:block;position:fixed;inset:0}.veil{z-index:1;pointer-events:none;background:linear-gradient(#08040c99 0%,#08040c00 16% 78%,#08040c8c 100%),radial-gradient(120% 90% at 50% 46%,#0a050c00 46%,#0a050c80 100%);position:fixed;inset:0}.stage{z-index:2;pointer-events:none;position:fixed;inset:0}.section{text-align:center;opacity:0;visibility:hidden;will-change:opacity, transform;flex-direction:column;justify-content:flex-start;align-items:center;padding:13vh 6vw 6vh;display:flex;position:absolute;inset:0}.sec-cover{justify-content:flex-end;padding:0 6vw clamp(40px,7vh,84px)}.sec-cover .eyebrow{margin-bottom:1.6vh}.sec-cover .cover-date{margin-top:1.5vh}.sec-salam{text-align:left;justify-content:flex-end;align-items:flex-start;padding:0 7vw 12vh}.sec-akad{text-align:left;justify-content:flex-end;align-items:flex-start;padding:0 7vw 8vh}.sec-resepsi{text-align:right;justify-content:center;align-items:flex-end;padding:0 7vw}.sec-doa{justify-content:center;align-items:center}.eyebrow{letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin:0 0 2.4vh;font-size:clamp(12px,1.4vw,15px)}.name{font-family:var(--serif);color:var(--cream);text-shadow:0 1px 2px #0a040c99,0 6px 40px #0a040c99;letter-spacing:.02em;margin:0;font-size:clamp(38px,9.5vh,122px);font-weight:600;line-height:.95}.rings{filter:drop-shadow(0 2px 10px #0a040c80);width:clamp(52px,min(8.5vh,11vw),102px);height:auto;margin:.9vh auto}.cover-date{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft);text-shadow:var(--shadow);margin:1.6vh 0 0;font-size:clamp(14px,1.7vw,19px)}.guest{letter-spacing:.14em;max-width:min(90vw,620px);color:var(--gold-soft);text-shadow:var(--shadow);margin:1.6vh auto 0;font-size:clamp(13px,1.7vw,18px)}.guest-name{max-width:min(92vw,660px);font-family:var(--serif);color:var(--gold);text-shadow:var(--shadow);margin:.5vh auto 0;font-size:clamp(22px,min(3.4vh,3.6vw),46px);font-weight:600;line-height:1.2}.card{text-align:left;border:1px solid var(--line);-webkit-backdrop-filter:blur(7px);background:#1809126b;border-radius:18px;max-width:min(520px,88vw);padding:clamp(20px,3.4vw,34px) clamp(20px,4vw,40px);box-shadow:0 10px 44px #08030959}.card h2{font-family:var(--serif);color:var(--cream);text-shadow:var(--shadow);margin:0 0 14px;font-size:clamp(24px,4.2vw,40px);font-weight:600;line-height:1.12}.card .body{color:var(--muted);margin:0;font-size:clamp(15px,1.9vw,18px);line-height:1.75}.card .chip{letter-spacing:.32em;text-transform:uppercase;color:#0e0709;background:var(--gold);border-radius:999px;margin:0 0 16px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-block}.card .l-date{font-family:var(--serif);color:var(--cream);margin:0 0 4px;font-size:clamp(22px,3.4vw,32px)}.card .l-time{color:var(--gold-soft);letter-spacing:.04em;margin:6px 0 0;font-size:clamp(16px,2vw,20px)}.card .note{color:var(--faint);margin:14px 0 0;font-size:13px}.card .sig{font-family:var(--serif);color:var(--gold);text-shadow:var(--shadow);margin:22px 0 0;font-size:clamp(18px,2.4vw,24px);font-style:italic;font-weight:600}.hud-brand{z-index:5;pointer-events:none;letter-spacing:.42em;color:var(--gold-soft);text-shadow:var(--shadow);font-size:13px;position:fixed;top:20px;left:24px}.mono{font-weight:600}.rail{z-index:5;flex-direction:column;gap:14px;padding:0;display:flex;position:fixed;top:50%;right:22px;transform:translateY(-50%)}.dot{cursor:pointer;background:0 0;border:1px solid #f7e9cf80;border-radius:50%;width:9px;height:9px;padding:0;transition:background .25s,transform .25s,border-color .25s}.dot:hover{border-color:var(--gold-soft)}.dot.on{background:var(--gold);border-color:var(--gold);transform:scale(1.35)}.hint{z-index:5;letter-spacing:.06em;color:var(--muted);text-shadow:var(--shadow);align-items:center;gap:8px;margin:0;font-size:13px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.demo-tag{z-index:5;color:var(--faint);text-shadow:var(--shadow);pointer-events:none;margin:0;font-size:11px;position:fixed;bottom:14px;right:16px}.loading{z-index:6;letter-spacing:.06em;color:var(--gold-soft);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);opacity:1;pointer-events:none;background:#18091299;border-radius:999px;padding:10px 18px;font-size:13px;transition:opacity .6s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.root.boot-ready .loading,.root.boot-fallback .loading{opacity:0}.track{visibility:hidden;pointer-events:none;width:1px;display:block}.fallback,.root.boot-fallback .gl,.root.boot-fallback .veil,.root.boot-fallback .stage,.root.boot-fallback .hint,.root.boot-fallback .track{display:none}.root.boot-fallback .fallback{z-index:2;max-width:720px;margin:0 auto;padding:14vh 22px 12vh;display:block;position:relative}.fb-cover{text-align:center;margin-bottom:6vh}.fb-card{margin:0 0 28px}.fb-card .card{max-width:none}.fb-tag{text-align:center;color:var(--faint);margin-top:5vh;font-size:11px}@media (width<=760px){.rail{display:none}.sec-salam,.sec-akad,.sec-resepsi{text-align:center;justify-content:flex-end;align-items:center;padding:0 5vw 9vh}.sec-resepsi{text-align:center}.card{text-align:center;max-width:92vw}.card .chip{margin-bottom:14px}.name{font-size:clamp(44px,15vh,104px)}.hint{font-size:12px;bottom:18px}.demo-tag{text-align:right;max-width:60vw}}@media (prefers-reduced-motion:reduce){.section{transition:none}}