.nur{--t-1:.78rem;--t-2:.88rem;--t-3:.98rem;--t-4:1.12rem;--t-5:1.4rem;--t-6:clamp(1.45rem, 5vw, 1.85rem);--t-7:clamp(1.8rem, 6.6vw, 2.5rem);--t-8:clamp(2.2rem, 8.6vw, 3.4rem);--t-9:clamp(2.8rem, 13vw, 5.6rem);--track-display:-.03em;--track-head:-.015em;--track-micro:.26em;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1.25rem;--s-5:2rem;--s-6:3.25rem;--s-7:clamp(3.5rem, 12vh, 7rem);--green-deep:#0a2a20;--green:#123f30;--green-soft:#1a5b45;--gold:#c9a227;--gold-soft:#e3c766;--ivory:#f5f1e6;--muted:#f5f1e69e;--line:#c9a22747;--display:"Amiri", "Iowan Old Style", Georgia, serif;--body:"Karla", ui-sans-serif, system-ui, sans-serif;background:var(--green-deep);color:var(--ivory);font-family:var(--body);isolation:isolate;line-height:1.8;position:relative}.defs{width:0;height:0;position:absolute}.ground{z-index:0;width:100%;height:100%;color:var(--gold);opacity:.08;pointer-events:none;transform:translate3d(0, calc(var(--shift,0px) * -1), 0);position:fixed;inset:0}main{z-index:1;position:relative}[data-reveal]{opacity:0;transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1);transform:translateY(20px)}[data-reveal].is-in{opacity:1;transform:none}.rosette{width:5.5rem;height:5.5rem;color:var(--gold)}.rosette--draw rect,.rosette--draw circle{stroke-dasharray:360;stroke-dashoffset:360px;transition:stroke-dashoffset 2.4s cubic-bezier(.65,0,.35,1)}.rosette--draw.is-in rect,.rosette--draw.is-in circle{stroke-dashoffset:0}.rosette--draw.is-in rect:nth-child(2){transition-delay:.25s}.rosette--draw.is-in circle{transition-delay:.5s}.bismillah{font-family:var(--display);font-size:var(--t-7);color:var(--gold-soft);margin:0;line-height:2}.bismillah--sm{font-size:var(--t-6)}.seal{z-index:60;background:radial-gradient(90% 70% at 50% 0%, var(--green) 0%, var(--green-deep) 65%, #061a13 100%);place-items:center;padding:clamp(1rem,5vw,3rem);transition:opacity .9s .3s,visibility 0s linear 1.2s;display:grid;position:fixed;inset:0}.seal[data-state=open]{opacity:0;visibility:hidden;pointer-events:none}.seal__ground{width:100%;height:100%;color:var(--gold);opacity:.14;position:absolute;inset:0}.seal__card{border:1px solid var(--line);outline:1px solid var(--line);outline-offset:7px;backdrop-filter:blur(4px);text-align:center;background:#0a2a20b8;justify-items:center;gap:.5rem;width:min(100%,32rem);padding:clamp(1.8rem,7vw,3rem) clamp(1.4rem,6vw,2.4rem);transition:transform 1s cubic-bezier(.65,0,.35,1);display:grid;position:relative}.seal[data-state=open] .seal__card{transform:scale(.94)}.seal[data-state=open] .rosette{opacity:0;transition:all .9s;transform:rotate(45deg)scale(1.2)}.seal .rosette{transition:all .6s}.seal__names{font-family:var(--display);font-weight:400;font-size:var(--t-8);margin:.4rem 0 0;line-height:1.1;display:grid}.seal__amp,.hero__amp{color:var(--gold);font-size:.55em}.seal__date{font-size:var(--t-1);letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:.6rem 0 0}.seal__to{border-top:1px solid var(--line);gap:.35rem;width:min(100%,19rem);margin-top:1.6rem;padding-top:1.4rem;display:grid}.seal__to-lbl{font-size:var(--t-1);letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}.seal__to-name{font-family:var(--display);font-size:var(--t-6);color:var(--gold-soft)}.seal__note{font-size:var(--t-1);color:#f5f1e6a3;margin:1rem 0 0;line-height:1.7}.open{cursor:pointer;background:0 0;border:0;justify-items:center;gap:.8rem;margin-top:1.4rem;padding:.4rem;display:grid}.open__star{background:linear-gradient(135deg, var(--gold-soft), var(--gold) 60%, #8f7118);clip-path:polygon(50% 0%,61% 27%,89% 11%,73% 39%,100% 50%,73% 61%,89% 89%,61% 73%,50% 100%,39% 73%,11% 89%,27% 61%,0% 50%,27% 39%,11% 11%,39% 27%);width:4.4rem;height:4.4rem;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:block}.open:hover .open__star{transform:rotate(22.5deg)scale(1.06)}.open:active .open__star{transform:scale(.94)}.open__label{font-size:var(--t-1);letter-spacing:.28em;text-transform:uppercase;color:var(--ivory);border-bottom:1px solid var(--line);padding-bottom:3px}section{max-width:62rem;margin-inline:auto;padding:clamp(4rem,12vh,7rem) clamp(1.25rem,6vw,3rem);position:relative}.head{text-align:center;gap:.5rem;margin-bottom:clamp(2.4rem,6vw,3.6rem);display:grid}.head h3{font-family:var(--display);font-weight:400;font-size:var(--t-8);margin:0}.head__note{color:var(--muted);font-size:var(--t-3);max-width:34rem;margin:.4rem auto 0}.eyebrow{font-size:var(--t-1);letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin:0}.hero{text-align:center;place-items:center;min-height:100svh;display:grid}.hero__inner{justify-items:center;gap:.8rem;display:grid}.hero__lead{max-width:34rem;color:var(--muted);font-size:var(--t-3);margin:.4rem 0 0}.hero__names{font-family:var(--display);font-weight:400;font-size:var(--t-9);margin:.6rem 0 0;line-height:1.05;display:grid}.hero__date{font-size:var(--t-1);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin:.3rem 0 0}.count{gap:clamp(.5rem,3vw,1.2rem);margin-top:1.8rem;display:flex}.count__cell{border:1px solid var(--line);background:#ffffff08;gap:.3rem;min-width:4.1rem;padding:.9rem .5rem;display:grid}.count__cell b{font-family:var(--display);font-weight:400;font-size:var(--t-7);color:var(--gold-soft);font-variant-numeric:tabular-nums;line-height:1}.count__cell span{font-size:var(--t-1);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.ayat{text-align:center;justify-items:center;gap:1.4rem;display:grid}.ayat__ar{font-family:var(--display);font-size:var(--t-7);color:var(--gold-soft);max-width:34rem;margin:0;line-height:2.2}.ayat blockquote{max-width:36rem;margin:0}.ayat blockquote p{font-family:var(--display);font-size:var(--t-6);margin:0 0 .9rem;line-height:1.85}.ayat cite{font-style:normal;font-size:var(--t-1);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.mempelai__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.4rem;display:grid}.orn-card{text-align:center;border:1px solid var(--line);background:#123f3066;justify-items:center;gap:.4rem;padding:clamp(2rem,5vw,2.6rem) 1.5rem;display:grid;position:relative}.orn-card__star{width:3rem;height:3rem;color:var(--gold);opacity:.8;margin-bottom:.4rem}.orn-card__role{font-size:var(--t-1);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin:0}.orn-card h4{font-family:var(--display);font-weight:400;font-size:var(--t-6);margin:.3rem 0 .4rem;line-height:1.3}.orn-card__parents{color:var(--muted);font-size:var(--t-2);margin:0;line-height:1.85}.acara__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1.4rem;display:grid}.acara__card{text-align:center;border:1px solid var(--line);background:#123f306b;padding:clamp(1.8rem,5vw,2.6rem) 1.6rem;position:relative}.acara__corner{border:1px solid var(--gold);width:16px;height:16px;position:absolute}.acara__corner--tl{border-bottom:0;border-right:0;top:8px;left:8px}.acara__corner--br{border-top:0;border-left:0;bottom:8px;right:8px}.acara__card h4{font-family:var(--display);font-weight:400;font-size:var(--t-6);margin:0 0 .2rem}.acara__sub{font-size:var(--t-1);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 1.4rem}.acara__date{border-block:1px solid var(--line);gap:.15rem;margin-bottom:1rem;padding:.9rem 0;display:grid}.acara__date span{font-size:var(--t-1);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.acara__date b{font-family:var(--display);font-weight:400;font-size:var(--t-8);color:var(--gold-soft);line-height:1}.acara__time{color:var(--gold-soft);font-size:var(--t-3);margin:0 0 .8rem}.acara__venue{font-family:var(--display);font-size:var(--t-4);margin:0 0 .3rem}.acara__addr,.acara__dress,.acara__note{color:var(--muted);font-size:var(--t-2);margin:0 0 .35rem;line-height:1.7}.acara__dress{color:var(--gold)}.acara__note{opacity:.85;font-style:italic}.acara__actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1.2rem;display:flex}.adab__grid{gap:1rem;max-width:44rem;margin-inline:auto;display:grid}.adab__item{border-left:2px solid var(--gold);background:#123f3052;grid-template-columns:2.6rem 1fr;gap:1rem;padding:1.2rem 1.4rem;display:grid}.adab__num{font-family:var(--display);font-size:var(--t-5);color:var(--gold)}.adab__item h4{font-family:var(--display);font-weight:400;font-size:var(--t-4);margin:0 0 .3rem}.adab__item p{color:var(--muted);font-size:var(--t-2);margin:0}.hadiah__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.1rem;display:grid}.hadiah__card{border:1px solid var(--line);text-align:center;background:#123f306b;align-content:start;gap:.3rem;padding:1.8rem 1.5rem;display:grid}.hadiah__card--wide{grid-column:1/-1}.hadiah__label{font-size:var(--t-1);letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin:0}.hadiah__num{font-family:var(--display);font-size:var(--t-6);letter-spacing:.05em;margin:.3rem 0 0}.hadiah__holder,.hadiah__addr{color:var(--muted);font-size:var(--t-2);margin:0}.btn{min-height:44px;font-size:var(--t-1);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;padding:0 1.3rem;text-decoration:none;transition:background .3s,color .3s;display:inline-flex}.btn--ghost{border:1px solid var(--line);color:var(--gold-soft);background:0 0}.btn--ghost:hover{background:#c9a2271f}.btn--gold{background:linear-gradient(135deg, var(--gold-soft), var(--gold) 60%, #8f7118);color:#1d1704;border:0;justify-self:center;margin-top:1rem;font-weight:700}.btn--solid{background:linear-gradient(135deg, var(--gold-soft), var(--gold) 60%, #8f7118);color:#1d1704;border:0;width:100%;min-height:52px;font-weight:700}.form{border:1px solid var(--line);background:#123f3073;gap:1.1rem;max-width:33rem;margin-inline:auto;padding:clamp(1.5rem,5vw,2.4rem);display:grid}.field{gap:.4rem;display:grid}.field>span{font-size:var(--t-1);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--ivory);font-family:var(--body);font-size:var(--t-3);background:#061a1399;padding:.8rem .9rem}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);outline:none}.field input::placeholder,.field textarea::placeholder{color:#f5f1e64d}.choices{border:0;gap:.45rem;margin:0;padding:0;display:grid}.choices legend{font-size:var(--t-1);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:.5rem}.choice input{opacity:0;position:absolute}.choice span{border:1px solid var(--line);cursor:pointer;min-height:44px;font-size:var(--t-3);color:var(--muted);align-items:center;padding:0 1rem;transition:all .25s;display:flex}.choice input:checked+span{background:linear-gradient(135deg, var(--gold-soft), var(--gold));color:#1d1704;border-color:#0000;font-weight:600}.choice input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}.row{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:1.1rem;display:grid}[data-rsvp-form][data-attending=no] .row--conditional,.btn__busy,.btn__done,[data-state=sending] .btn__idle,[data-state=sent] .btn__idle{display:none}[data-state=sending] .btn__busy,[data-state=sent] .btn__done{display:inline}.form__status{text-align:center;font-size:var(--t-2);min-height:1.2em;color:var(--gold-soft);margin:0}.form__status[data-tone=error]{color:#e79a8a}.doas{gap:.7rem;max-width:33rem;margin:1.8rem auto 0;display:grid}.doas__empty{text-align:center;color:var(--muted);font-style:italic;font-size:var(--t-2);margin:0}.doa{border:1px solid var(--line);background:#123f3059;padding:1rem 1.2rem}.doa header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.4rem;display:flex}.doa strong{font-family:var(--display);font-weight:400;font-size:var(--t-4);color:var(--gold-soft)}.doa__tag{font-size:var(--t-1);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1px solid var(--line);padding:.2rem .45rem}.doa p{color:var(--muted);font-size:var(--t-2);margin:0}.penutup{text-align:center;justify-items:center;gap:.6rem;max-width:38rem;margin-inline:auto;padding:clamp(4rem,12vh,7rem) 1.5rem 3rem;display:grid}.penutup__body{color:var(--muted);font-size:var(--t-3);margin:1rem 0 0}.penutup__salam{font-family:var(--display);color:var(--gold-soft);font-size:var(--t-4);margin:.6rem 0 0}.penutup__names{font-family:var(--display);font-size:var(--t-8);margin:.6rem 0 0}.penutup__tag{font-size:var(--t-1);letter-spacing:.26em;color:var(--gold);margin:.4rem 0 0}.qanun{z-index:40;border:1px solid var(--line);backdrop-filter:blur(6px);min-height:44px;color:var(--gold-soft);cursor:pointer;font-size:var(--t-1);letter-spacing:.24em;text-transform:uppercase;background:#0a2a20d9;align-items:center;gap:.55rem;padding:0 1rem 0 .85rem;display:flex;position:fixed;bottom:1rem;left:1rem}.qanun__bars{align-items:flex-end;gap:2px;height:13px;display:flex}.qanun__bars i{background:var(--gold);width:2px;height:3px;display:block}.qanun[data-playing=true] .qanun__bars i{animation:.95s ease-in-out infinite alternate eq}.qanun[data-playing=true] .qanun__bars i:nth-child(2){animation-delay:.16s}.qanun[data-playing=true] .qanun__bars i:nth-child(3){animation-delay:.33s}.qanun[data-playing=true] .qanun__bars i:nth-child(4){animation-delay:.48s}@keyframes eq{to{height:13px}}[data-countdown][data-elapsed=true]{letter-spacing:0;gap:0;font-size:0}[data-countdown][data-elapsed=true]>*{display:none}[data-countdown][data-elapsed=true]:after{content:attr(data-elapsed-label);text-align:center;width:100%;font-size:var(--t-3);letter-spacing:.02em;text-wrap:balance;line-height:1.5;display:block}.nur :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}.nur ::selection{background:var(--gold);color:#1d1704}.nur:before{content:"";z-index:1;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.mono{width:var(--mono-size,4.6rem);aspect-ratio:1;flex:none;place-items:center;display:inline-grid;position:relative}.mono--lg{--mono-size:7rem}.mono--sm{--mono-size:3.2rem}.mono__frame{width:100%;height:100%;position:absolute;inset:0}.mono__letters{justify-content:center;align-items:baseline;line-height:1;display:flex;position:relative}.mono__amp{font-style:normal}.mono--nur{color:var(--gold)}.mono--nur .mono__letters{font-family:var(--display);font-size:calc(var(--mono-size) * .3);color:var(--gold-soft)}.mono--nur .mono__amp{color:var(--gold);margin:0 .05em;font-size:.6em}.penutup .mono{margin-bottom:var(--s-3)}.nur img{filter:sepia(.12)saturate(.86)contrast(1.04)}[data-reveal]>:is(p,span,small)[class*=eyebrow],[data-reveal]>:is(p,span)[class*=kicker],[data-reveal]>:is(p,span)[class*=label],[data-reveal]>legend{transition-delay:0s}[data-reveal]>:is(h1,h2,h3,h4){transition-delay:90ms}[data-reveal]>:is(p,blockquote,dl,ul,ol){transition-delay:.17s}[data-reveal]>:is(a,button,.btn,[class*=action],[class*=__actions]){transition-delay:.26s}[data-wishes-empty],[class*=__empty]{padding:var(--s-5) var(--s-4);text-align:center;opacity:.62;border:1px dashed;border-radius:3px;position:relative}@media print{[data-envelope],[data-music-toggle],[data-chat-skip],.lightbox,[class*=dock],[class*=progressbar],[data-wishes]{display:none!important}[data-reveal]{opacity:1!important;filter:none!important;transform:none!important}*{transition:none!important;animation:none!important}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.nur:after{content:"";z-index:50;transform-origin:0;background:linear-gradient(90deg, var(--green-soft), var(--gold));pointer-events:none;width:100%;height:2px;animation:linear both scroll-progress scroll(root);position:fixed;inset:0 auto auto 0}}}@keyframes scroll-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.rosette--draw :is(rect,circle){stroke-dashoffset:360px;transition:none;animation:linear both girih-draw view();animation-range:entry 10% cover 55%}.rosette--draw :nth-child(2){animation-range:entry 18% cover 70%}}}@keyframes girih-draw{to{stroke-dashoffset:0}}.nur{--state-hover:#c9a2271a;--state-active:#c9a22733}.nur :is(button,a,summary,label[class*=choice],label[class*=opt],label[class*=tick]){-webkit-tap-highlight-color:transparent}@media (hover:hover) and (pointer:fine){.nur :is(button,a):not([disabled]):hover{background-image:linear-gradient(var(--state-hover), var(--state-hover))}}.nur :is(button,a):not([disabled]):active{background-image:linear-gradient(var(--state-active), var(--state-active));transform:translateY(1px)}.nur :is(.mono,[data-draggable],[data-envelope-open]):active{transform:none}.nur .ayat{background:var(--ivory);color:var(--green-deep);margin-block:var(--s-5);padding-block:var(--s-7)}.nur .ayat .ayat__ar{color:#8a6a1e;font-size:clamp(1.9rem,8vw,3.2rem);line-height:1.9}.nur .ayat blockquote p{color:var(--green-deep)}.nur .ayat cite{color:#5b6b60}.nur .ayat .rosette{color:#8a6a1e}