@font-face{font-family:Cormorant Garamond Variable;font-style:italic;font-display:swap;font-weight:300 700;src:url(/assets/cormorant-garamond-cyrillic-ext-wght-italic-1rG_WyvK.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond Variable;font-style:italic;font-display:swap;font-weight:300 700;src:url(/assets/cormorant-garamond-cyrillic-wght-italic-C5ZlGLFt.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond Variable;font-style:italic;font-display:swap;font-weight:300 700;src:url(/assets/cormorant-garamond-vietnamese-wght-italic-1M78L1Br.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond Variable;font-style:italic;font-display:swap;font-weight:300 700;src:url(/assets/cormorant-garamond-latin-ext-wght-italic-PWzi_-0y.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond Variable;font-style:italic;font-display:swap;font-weight:300 700;src:url(/assets/cormorant-garamond-latin-wght-italic-C-nL33vl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Great Vibes;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/great-vibes-latin-400-normal-q5-78SH_.woff2)format("woff2"),url(/assets/great-vibes-latin-400-normal-BAZ173uY.woff)format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2)format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff)format("woff")}:root{--emerald:#0e2620;--emerald-2:#16362d;--cream:#f6f0e4;--cream-2:#ede3d0;--gold:#c8a15a;--gold-soft:#e5cf9c;--gold-deep:#85622a;--aceh-red:#7a1e1e;--ink:#1e2a26;--muted:#6e6a5e;--font-serif:"Cormorant Garamond Variable", "Cormorant Garamond", Georgia, serif;--font-sans:"Jost Variable", "Jost", "Amiri", system-ui, sans-serif;--font-script:"Great Vibes", cursive;--font-arabic:"Amiri", "Traditional Arabic", serif;--stage:440px;--ease-out:cubic-bezier(.22, 1, .36, 1);--safe-bottom:env(safe-area-inset-bottom,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--emerald);min-height:100svh;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;margin:0}body:before{content:"";z-index:-1;filter:blur(18px)saturate(1.1);background:linear-gradient(#0e2620d1,#0e2620eb),url(/images/cover-768.webp) 50%/cover no-repeat;position:fixed;top:-40px;bottom:-40px;left:-40px;right:-40px}body.is-locked{overflow:hidden}[hidden]{display:none!important}p,h1,h2,h3,figure,blockquote{margin:0}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.stage{width:min(100%, var(--stage));background:var(--cream);margin-inline-start:auto;margin-inline-end:auto;position:relative;overflow-x:clip;box-shadow:0 0 80px #00000073}.script{font-family:var(--font-script);font-weight:400;line-height:1.15}.arabic{font-family:var(--font-arabic);font-weight:400}.eyebrow{letter-spacing:5px;text-transform:uppercase;color:var(--gold);padding-left:5px;font-size:12px}.eyebrow--soft{color:var(--gold-soft)}.eyebrow--deep{color:var(--gold-deep)}.section-title{font-family:var(--font-serif);color:var(--emerald);text-align:center;font-size:34px;font-weight:600;line-height:1.2}.section-title--light{color:var(--cream)}.body-text{color:var(--muted);text-align:center;font-size:13px;line-height:21px}.arti{font-family:var(--font-serif);color:#f6f0e4e6;text-align:center;font-size:15px;font-style:italic;line-height:23px}.ornamen{width:150px;height:25px;color:var(--gold);flex-shrink:0;display:block}.ornamen--sm{width:120px;height:20px}.ornamen--md{width:200px;height:33px}.ornamen--lg{width:180px;height:30px}.btn{font:500 13px/1 var(--font-sans);cursor:pointer;transition:transform .25s var(--ease-out), background-color .25s, box-shadow .25s;border:0;border-radius:100px;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.btn svg{flex-shrink:0;width:16px;height:16px}.btn:active{transform:scale(.97)}.btn--gold{background:var(--gold);color:var(--emerald);gap:10px;padding:14px 28px;font-size:15px;position:relative;overflow:hidden;box-shadow:0 10px 30px -8px #c8a15a99}.btn--gold svg{width:18px;height:18px}.btn--gold:after{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff73 50%,#0000 65%);animation:3.2s 2s infinite shine;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-120%)}@keyframes shine{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}.btn--outline{color:var(--gold-soft);box-shadow:inset 0 0 0 1px var(--gold);background:0 0;padding:11px 20px}.btn--outline:hover{background:#c8a15a1f}.btn--dark{background:var(--emerald);color:var(--cream);padding:12px 22px}.btn--dark svg{color:var(--gold-soft)}.btn--dark:hover{background:var(--emerald-2)}.loader{display:none}.js .loader{z-index:100;background:var(--emerald);place-content:center;justify-items:center;gap:14px;transition:opacity .6s,visibility .6s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.loader__names{font-family:var(--font-serif);letter-spacing:3px;color:var(--gold-soft);font-size:20px}.loader__ornamen{animation:1.6s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.35;transform:scale(.94)}}.is-loaded .loader{opacity:0;visibility:hidden}.cover{height:100svh;min-height:600px;color:var(--cream);background:var(--emerald);perspective:1400px;flex-direction:column;display:flex;position:relative;overflow:hidden}.js .cover{z-index:50;width:min(100%, var(--stage));background:0 0;min-height:0;margin-inline-start:auto;margin-inline-end:auto;position:fixed;top:0;bottom:0;left:0;right:0}.js .cover.is-gone{display:none}.cover__door{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;width:50%;position:absolute;top:0;bottom:0;overflow:hidden}.cover__door--left{transform-origin:0;left:0}.cover__door--right{transform-origin:100%;right:0}.cover__img{transform-origin:50%;background:linear-gradient(#0e2620e6 0%,#0e262033 38%,#0e262054 55%,#0e2620f7 85%),url(/images/cover-768.webp) 50%/cover no-repeat;width:200%;height:100%;position:absolute;top:0}.cover__door--left .cover__img{left:0}.cover__door--right .cover__img{left:-100%}.dust{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.cover__content{padding:max(56px, 9svh) 32px calc(40px + var(--safe-bottom));text-align:center;flex-direction:column;flex:1;justify-content:space-between;align-items:center;display:flex;position:relative}.cover__top{flex-direction:column;align-items:center;gap:14px;display:flex}.cover__bottom{flex-direction:column;align-items:center;gap:22px;width:100%;display:flex}.cover__names{flex-direction:column;align-items:center;gap:4px;display:flex}.cover__couple{color:var(--cream);text-shadow:0 4px 24px #00000059;white-space:nowrap;font-size:clamp(46px,15vw,58px)}.cover__date{font-family:var(--font-serif);letter-spacing:4px;text-transform:uppercase;color:var(--gold-soft);font-size:16px;font-weight:600}.cover__divider{background:var(--gold);width:48px;height:1px}.cover__guest{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.cover__to{color:#f6f0e4cc;font-size:13px}.cover__guest-name{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:100%;font-family:var(--font-serif);color:var(--cream);overflow-wrap:anywhere;background:#f6f0e414;border-radius:10px;padding:10px 24px;font-size:20px;font-weight:600;line-height:1.25;box-shadow:inset 0 0 0 1px #e5cf9c54}.cover__note{color:#f6f0e499;font-size:11px}.section{flex-direction:column;align-items:center;scroll-margin-top:0;display:flex;position:relative}.section--cream{background:var(--cream)}.section--emerald{background:linear-gradient(180deg, var(--emerald) 0%, var(--emerald-2) 100%);color:var(--cream)}.section-head{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.card-dark{background:var(--emerald);border-radius:20px;flex-direction:column;align-items:center;gap:14px;width:100%;display:flex;box-shadow:0 20px 40px -24px #0e262099}.card-dark blockquote{flex-direction:column;gap:14px;margin:0;display:flex}.pembuka{gap:36px;padding:64px 28px 72px}.opening{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.opening__bismillah{color:var(--emerald);font-size:28px;line-height:1.6}.opening__salam{font-family:var(--font-serif);color:var(--aceh-red);text-align:center;font-size:19px;font-style:italic;font-weight:600;line-height:1.3}.ayat{padding:28px 22px}.ayat__arabic{color:var(--gold-soft);text-align:center;font-size:20px;line-height:38px}.ayat__source{letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-size:11px}.couple{flex-direction:column;align-items:center;gap:36px;width:100%;scroll-margin-top:24px;display:flex}.person{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.arch{box-shadow:inset 0 0 0 1px var(--gold);border-radius:120px 120px 20px 20px;padding:6px}.arch__photo{background:var(--cream-2);border-radius:114px 114px 16px 16px;width:220px;height:290px;overflow:hidden}.arch img{object-fit:cover;width:100%;height:100%}.role{letter-spacing:4px;text-transform:uppercase;color:var(--gold-deep);padding-left:4px;font-size:11px}.person__nick{color:var(--emerald);font-size:48px}.person__info{flex-direction:column;gap:6px;width:100%;display:flex}.person__name{font-family:var(--font-serif);color:var(--ink);font-size:22px;font-weight:700}.person__parents{color:var(--muted);font-size:13px;line-height:20px}.ampersand{color:var(--gold);font-size:72px;line-height:1}.acara{gap:32px;padding:64px 24px 72px}.countdown{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.countdown__cell{background:#f6f0e40f;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:14px 0;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #e5cf9c40}.countdown__value{font-family:var(--font-serif);color:var(--gold-soft);font-variant-numeric:tabular-nums;font-size:32px;font-weight:700;line-height:1.2;display:block}.countdown__value.is-tick{animation:tick .45s var(--ease-out)}@keyframes tick{0%{opacity:0;transform:translateY(-40%)}}.countdown__unit{letter-spacing:1px;color:#f6f0e4b3;font-size:11px}.countdown__done{font-family:var(--font-serif);color:var(--gold-soft);text-align:center;font-size:20px;font-style:italic}.event{background:var(--cream);width:100%;color:var(--ink);text-align:center;border-radius:150px 150px 24px 24px;flex-direction:column;align-items:center;gap:18px;padding:32px 24px 28px;display:flex;box-shadow:0 30px 60px -30px #0000008c}.event__badge{background:var(--emerald);width:52px;height:52px;color:var(--gold-soft);border-radius:50%;place-items:center;display:grid}.event__badge svg{width:24px;height:24px}.event__title{font-family:var(--font-serif);color:var(--emerald);font-size:30px;font-weight:700}.event__date{align-items:center;gap:16px;display:flex}.event__day,.event__month{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:13px}.event__line{background:var(--gold);width:1px;height:44px}.event__num{font-family:var(--font-serif);color:var(--aceh-red);font-variant-numeric:tabular-nums;min-width:2ch;font-size:52px;font-weight:700;line-height:1}.event__time{align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.event__time svg{width:15px;height:15px;color:var(--gold)}.event__place{flex-direction:column;gap:4px;display:flex}.event__venue{font-size:14px;font-weight:600}.event__address{color:var(--muted);font-size:12px;line-height:18px}.doa{gap:36px;padding:64px 24px 72px}.doa__card{padding:24px 20px}.doa__arabic{color:var(--gold-soft);text-align:center;font-size:22px;line-height:40px}.penutup{min-height:100svh;padding:64px 24px calc(110px + var(--safe-bottom));justify-content:center;gap:32px;overflow:hidden}.penutup__inner{text-align:center;border-top:1px solid #e5cf9c33;flex-direction:column;align-items:center;gap:18px;width:100%;padding:28px 8px 8px;display:flex;position:relative}.penutup__closing{color:#f6f0e4cc;font-size:13px;line-height:22px}.penutup__salam{font-family:var(--font-serif);color:var(--gold-soft);font-size:17px;font-style:italic;font-weight:600}.penutup__thanks{letter-spacing:3px;color:var(--gold);font-size:12px}.penutup__kami{color:#f6f0e4b3;font-size:13px}.penutup__names{color:var(--cream);font-size:52px}.penutup__family{color:#f6f0e4b3;font-size:13px;line-height:21px}.penutup__footer{letter-spacing:2px;color:#f6f0e466;font-size:11px;position:relative}.bottom-nav{left:0;right:0;bottom:calc(16px + var(--safe-bottom));z-index:40;width:min(100% - 48px, var(--stage) - 48px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f6f0e4e6;border-radius:30px;height:60px;margin-inline-start:auto;margin-inline-end:auto;padding:6px;display:flex;position:fixed;box-shadow:0 8px 24px #00000040}.js .bottom-nav{visibility:hidden}.bottom-nav a{z-index:1;color:var(--muted);border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;text-decoration:none;transition:color .35s;display:flex;position:relative}.bottom-nav svg{width:19px;height:19px}.bottom-nav a[aria-current=true]{color:var(--gold-soft)}.bottom-nav__pill{background:var(--emerald);width:0;transition:transform .5s var(--ease-out), width .5s var(--ease-out);border-radius:24px;position:absolute;top:6px;bottom:6px;left:0}.music{right:max(16px, calc((100vw - var(--stage)) / 2 + 16px));bottom:calc(92px + var(--safe-bottom));z-index:41;background:var(--emerald);width:44px;height:44px;color:var(--gold-soft);box-shadow:inset 0 0 0 1px var(--gold), 0 6px 18px #0000004d;cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed}.music svg{width:18px;height:18px}.music__disc,.music__off{grid-area:1/1;place-items:center;display:grid}.music__off{display:none}.music[aria-pressed=true] .music__disc{animation:4s linear infinite spin}.music[aria-pressed=false] .music__disc{display:none}.music[aria-pressed=false] .music__off{display:grid}@keyframes spin{to{transform:rotate(360deg)}}.sheet{width:min(100%, var(--stage));max-width:none;padding:20px 20px calc(24px + var(--safe-bottom));background:var(--cream);color:var(--ink);border:0;border-radius:24px 24px 0 0;margin:auto auto 0}.sheet::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0e262099}.sheet[open]{animation:sheet-up .4s var(--ease-out)}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sheet__title{font-family:var(--font-serif);color:var(--emerald);font-size:24px;font-weight:700}.sheet__close{background:var(--cream-2);width:40px;height:40px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.sheet__close svg{width:18px;height:18px}.sheet__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sheet__list a{box-shadow:inset 0 0 0 1px var(--cream-2);background:#fff;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}.sheet__list a:hover{box-shadow:inset 0 0 0 1px var(--gold)}.sheet__list svg{width:20px;height:20px;color:var(--gold-deep);flex-shrink:0}.sheet__list span{flex-direction:column;gap:2px;display:flex}.sheet__list strong{font-size:15px;font-weight:600}.sheet__list small{color:var(--muted);font-size:12px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}