.adat{--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);--cream:#f4ead9;--cream-2:#eadcc4;--cream-3:#e0cfb2;--sogan:#6b4a2f;--sogan-dark:#3b2716;--gold:#c0983f;--gold-ink:#7a5c1c;--gold-soft:#ddc07c;--maroon:#7b2b2b;--ink:#2e1f12;--muted:#6b5842;--line:#6b4a2f42;--display:"Marcellus", "Iowan Old Style", Georgia, serif;--body:"Lora", Georgia, serif;background:var(--cream);color:var(--ink);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(--sogan);opacity:.17;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}.wrap{z-index:60;background:linear-gradient(160deg,#3b2716,#6b4a2f 55%,#43301c);place-items:center;padding:clamp(1rem,5vw,3rem);transition:opacity .9s .3s,visibility 0s linear 1.2s;display:grid;position:fixed;inset:0}.wrap[data-state=open]{opacity:0;visibility:hidden;pointer-events:none}.wrap__batik{width:100%;height:100%;color:var(--gold);opacity:.16;position:absolute;inset:0}.wrap__card{background:var(--cream);border:1px solid var(--gold);outline:1px solid var(--gold);outline-offset:6px;text-align:center;justify-items:center;width:min(100%,33rem);padding:clamp(2rem,7vw,3.2rem) clamp(1.4rem,6vw,2.6rem);transition:transform 1s cubic-bezier(.65,0,.35,1);display:grid;position:relative}.wrap[data-state=open] .wrap__card{transform:scale(.94)translateY(-8%)}.orn{border:1px solid var(--gold);width:22px;height:22px;position:absolute}.orn--tl{border-bottom:0;border-right:0;top:7px;left:7px}.orn--br{border-top:0;border-left:0;bottom:7px;right:7px}.wrap__kicker,.eyebrow{font-family:var(--display);font-size:var(--t-1);letter-spacing:.36em;text-transform:uppercase;color:var(--maroon);margin:0}.gunungan-mark{width:3.4rem;height:3.4rem;color:var(--gold);margin:1.2rem 0 .6rem}.wrap__names{font-family:var(--display);font-weight:400;font-size:var(--t-9);margin:0;line-height:1.05;display:grid}.wrap__amp,.hero__amp{color:var(--gold);margin-block:.1em;font-size:.55em}.wrap__date{font-family:var(--display);font-size:var(--t-1);letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:1rem 0 0}.wrap__to{border-top:1px solid var(--line);gap:.35rem;width:min(100%,20rem);margin-top:1.8rem;padding-top:1.4rem;display:grid}.wrap__to-lbl{font-size:var(--t-1);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.wrap__to-name{font-family:var(--display);font-size:var(--t-6);color:var(--sogan)}.wrap__note{font-size:var(--t-1);color:var(--muted);margin:1.2rem 0 0;font-style:italic;line-height:1.7}.unlock{cursor:pointer;background:0 0;border:0;justify-items:center;gap:.8rem;margin-top:1.6rem;padding:.4rem;display:grid}.unlock__disc{background:radial-gradient(circle at 36% 32%, var(--gold-soft), var(--gold) 48%, #8a6a24);width:4.8rem;height:4.8rem;color:var(--sogan-dark);font-family:var(--display);font-size:var(--t-6);letter-spacing:.06em;border-radius:50%;place-items:center;transition:transform .45s cubic-bezier(.34,1.56,.64,1);display:grid;box-shadow:inset 0 -3px 8px #00000047}.unlock:hover .unlock__disc{transform:scale(1.07)rotate(6deg)}.unlock:active .unlock__disc{transform:scale(.95)}.unlock__label{font-family:var(--display);font-size:var(--t-1);letter-spacing:.28em;text-transform:uppercase;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}.hero{text-align:center;place-items:center;min-height:100svh;display:grid}.hero__inner{justify-items:center;gap:.9rem;display:grid}.hero__lead{max-width:34rem;color:var(--muted);font-size:var(--t-3);margin:.6rem 0 0}.hero__names{font-family:var(--display);font-weight:400;font-size:var(--t-9);margin:.6rem 0 0;line-height:1.02;display:grid}.hero__date{font-family:var(--display);font-size:var(--t-1);letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin:.4rem 0 0}.count{gap:clamp(.5rem,3vw,1.2rem);margin-top:2rem;display:flex}.count__cell{border:1px solid var(--line);background:#ffffff59;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(--sogan);font-variant-numeric:tabular-nums;line-height:1}.count__cell span{font-size:var(--t-1);letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.bebasan{text-align:center;justify-items:center;gap:1.8rem;display:grid}.divider{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:min(100%,10rem);height:1px}.bebasan blockquote{max-width:38rem;margin:0}.bebasan p{font-family:var(--display);font-size:var(--t-6);color:var(--sogan);margin:0 0 1rem;line-height:1.8}.bebasan cite{font-style:normal;font-size:var(--t-1);letter-spacing:.26em;text-transform:uppercase;color:var(--muted)}.penganten__grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:clamp(2.5rem,7vw,4rem);display:grid}.pgn__frame{aspect-ratio:3/4;border:1px solid var(--gold);width:min(100%,15rem);margin-inline:auto;padding:7px;position:relative}.pgn__frame img,.pgn__ph{object-fit:cover;clip-path:url(#gunungan);width:100%;height:100%}.pgn__ph{background:radial-gradient(60% 45% at 35% 25%,#ddc07c8c,#0000 60%),linear-gradient(150deg,#8c6237,#6b4a2f 55%,#4a3220);position:relative}.pgn__ph:after{content:"";background-image:radial-gradient(#f4ead947 1px,#0000 1px);background-size:7px 7px;position:absolute;inset:0}.pgn__ph[data-ph="1"]{filter:hue-rotate(-10deg)brightness(1.08)}.pgn__ph[data-ph="2"]{filter:brightness(.9)}.pgn__ph[data-ph="3"]{filter:hue-rotate(12deg)}.pgn__ph[data-ph="4"]{filter:brightness(1.12)saturate(.85)}.pgn__ph[data-ph="5"]{filter:contrast(1.1)}.pgn h4{font-family:var(--display);font-weight:400;font-size:var(--t-6);margin:1.4rem 0 .5rem}.pgn__parents{color:var(--muted);font-size:var(--t-2);margin:0}.pgn__ig{min-height:44px;color:var(--maroon);font-size:var(--t-1);letter-spacing:.14em;align-items:center;margin-top:.4rem;text-decoration:none;display:inline-flex}.pgn__ig span{border-bottom:1px solid var(--line)}.stages{gap:1.2rem;max-width:44rem;margin:0 auto;padding:0;list-style:none;display:grid}.stage:nth-child(2n){background:#e0cfb280}.stage{border:1px solid var(--line);background:#ffffff6b;grid-template-columns:3.4rem 1fr;gap:clamp(1rem,4vw,1.8rem);padding:clamp(1.4rem,5vw,2rem);display:grid}@media (width<=560px){.stage{grid-template-columns:1fr;gap:.9rem}}.stage__mark{border:1px solid var(--gold);width:3.4rem;height:3.4rem;color:var(--gold-ink);font-family:var(--display);font-size:var(--t-3);border-radius:50%;align-self:start;place-items:center;display:grid}.stage__body h4{font-family:var(--display);font-weight:400;font-size:var(--t-6);margin:0 0 .15rem}.stage__sub{color:var(--maroon);font-style:italic;font-size:var(--t-3);margin:0 0 .9rem}.stage__when{font-size:var(--t-2);color:var(--sogan);margin:0 0 .6rem}.stage__venue{font-family:var(--display);font-size:var(--t-4);margin:0 0 .2rem}.stage__addr,.stage__dress,.stage__note{color:var(--muted);font-size:var(--t-2);margin:0 0 .35rem;line-height:1.7}.stage__dress{color:var(--maroon)}.stage__note{font-style:italic}.stage__links{font-size:var(--t-1);letter-spacing:.12em;text-transform:uppercase;flex-wrap:wrap;gap:1.2rem;margin:.6rem 0 0;display:flex}.stage__links a{min-height:44px;color:var(--maroon);align-items:center;text-decoration:none;display:inline-flex}.stage__links a span{border-bottom:1px solid var(--line);padding-bottom:2px}.lel__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.4rem;max-width:50rem;margin-inline:auto;display:grid}.lel{border-left:2px solid var(--gold);background:#ffffff52;padding:1.4rem 1.5rem}.lel__num{font-size:var(--t-1);letter-spacing:.26em;text-transform:uppercase;color:var(--maroon);margin:0 0 .4rem}.lel h4{font-family:var(--display);font-weight:400;font-size:var(--t-5);margin:0 0 .5rem}.lel__body{color:var(--muted);font-size:var(--t-2);margin:0}.pas__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));gap:.7rem;display:grid}.pas{cursor:pointer;border:1px solid var(--line);background:#fff6;margin:0;padding:5px;position:relative;overflow:hidden}.pas img,.pas .pgn__ph{object-fit:cover;clip-path:none;width:100%;height:100%;transition:transform 1s cubic-bezier(.22,1,.36,1)}.pas--portrait{aspect-ratio:3/4}.pas--landscape{aspect-ratio:4/3;grid-column:span 2}.pas--square{aspect-ratio:1}.pas:hover img,.pas:hover .pgn__ph{transform:scale(1.05)}.pas figcaption{font-size:var(--t-1);letter-spacing:.14em;text-transform:uppercase;color:var(--cream);opacity:0;background:linear-gradient(#0000,#3b2716e0);padding:2rem .7rem .6rem;transition:opacity .35s;position:absolute;inset:auto 5px 5px}.pas:hover figcaption,.pas:focus-visible figcaption{opacity:1}.pnj__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.1rem;display:grid}.pnj{border:1px solid var(--line);text-align:center;background:#ffffff73;align-content:start;gap:.3rem;padding:1.8rem 1.5rem;display:grid;position:relative}.pnj--wide{grid-column:1/-1}.pnj__label{font-size:var(--t-1);letter-spacing:.26em;text-transform:uppercase;color:var(--maroon);margin:0}.pnj__num{font-family:var(--display);font-size:var(--t-6);letter-spacing:.05em;margin:.3rem 0 0}.pnj__holder,.pnj__addr{color:var(--muted);font-size:var(--t-2);margin:0}.btn{min-height:44px;font-family:var(--display);font-size:var(--t-1);letter-spacing:.24em;text-transform:uppercase;border:1px solid var(--gold);color:var(--sogan);cursor:pointer;background:0 0;justify-content:center;justify-self:center;align-items:center;margin-top:1rem;padding:0 1.4rem;transition:background .3s,color .3s;display:inline-flex}.btn:hover{background:var(--gold);color:var(--cream)}.btn--solid{background:var(--sogan);border-color:var(--sogan);width:100%;color:var(--cream);min-height:52px}.btn--solid:hover{background:var(--sogan-dark);border-color:var(--sogan-dark);color:var(--cream)}.ktr__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;display:grid}.ktr{border-top:2px solid var(--gold);background:#ffffff52;padding:1.4rem}.ktr h4{font-family:var(--display);font-weight:400;font-size:var(--t-4);margin:0 0 .4rem}.ktr p{color:var(--muted);font-size:var(--t-2);margin:0}.form{border:1px solid var(--line);background:#ffffff80;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(--maroon)}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--cream);width:100%;color:var(--ink);font-family:var(--body);font-size:var(--t-3);padding:.8rem .9rem}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);outline:none}.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(--maroon);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);align-items:center;padding:0 1rem;transition:all .25s;display:flex}.choice input:checked+span{background:var(--sogan);color:var(--cream);border-color:var(--sogan)}.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(--sogan);margin:0}.form__status[data-tone=error]{color:var(--maroon)}.dongas{gap:.7rem;max-width:33rem;margin:1.8rem auto 0;display:grid}.dongas__empty{text-align:center;color:var(--muted);font-style:italic;font-size:var(--t-2);margin:0}.donga{border:1px solid var(--line);background:#fff6;padding:1rem 1.2rem}.donga header{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.4rem;display:flex}.donga strong{font-family:var(--display);font-weight:400;font-size:var(--t-4);color:var(--sogan)}.donga__tag{font-size:var(--t-1);letter-spacing:.2em;text-transform:uppercase;color:var(--maroon);border:1px solid var(--line);padding:.2rem .45rem}.donga p{color:var(--muted);font-size:var(--t-2);margin:0}.panutup{text-align:center;justify-items:center;max-width:36rem;margin-inline:auto;padding:clamp(4rem,12vh,7rem) 1.5rem 3rem;display:grid}.gunungan-mark--big{width:5rem;height:5rem;margin-bottom:1rem}.panutup__body{color:var(--muted);font-size:var(--t-3);margin:0 0 2rem}.panutup__names{font-family:var(--display);font-size:var(--t-8);margin:0}.panutup__tag{font-size:var(--t-1);letter-spacing:.26em;color:var(--maroon);margin:.8rem 0 0}.gamelan{z-index:40;border:1px solid var(--gold);backdrop-filter:blur(6px);min-height:44px;color:var(--sogan);cursor:pointer;font-family:var(--display);font-size:var(--t-1);letter-spacing:.24em;text-transform:uppercase;background:#f4ead9eb;align-items:center;gap:.55rem;padding:0 1rem 0 .85rem;display:flex;position:fixed;bottom:1rem;left:1rem}.gamelan__bars{align-items:flex-end;gap:2px;height:13px;display:flex}.gamelan__bars i{background:var(--maroon);width:2px;height:3px;display:block}.gamelan[data-playing=true] .gamelan__bars i{animation:1.05s ease-in-out infinite alternate eq}.gamelan[data-playing=true] .gamelan__bars i:nth-child(2){animation-delay:.18s}.gamelan[data-playing=true] .gamelan__bars i:nth-child(3){animation-delay:.36s}.gamelan[data-playing=true] .gamelan__bars i:nth-child(4){animation-delay:.52s}@keyframes eq{to{height:13px}}.lightbox{z-index:80;opacity:0;pointer-events:none;background:#3b2716f5;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:clamp(1rem,5vw,3rem);transition:opacity .25s;display:grid;position:fixed;inset:0}.lightbox[data-open=true]{opacity:1;pointer-events:auto}.lightbox[hidden]{display:none}.lightbox__stage{justify-items:center;gap:1rem;display:grid}.lightbox__figure{aspect-ratio:3/4;width:min(80vw,32rem)}.lightbox__figure img,.lightbox__figure div{object-fit:contain;clip-path:none;width:100%;height:100%}.lightbox__figure figcaption{display:none}.lightbox__caption{font-size:var(--t-1);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-soft);margin:0}.lightbox__close{width:48px;height:48px;color:var(--cream);font-size:var(--t-7);cursor:pointer;background:0 0;border:0;line-height:1;position:absolute;top:.6rem;right:.9rem}.lightbox__nav{border:1px solid var(--gold);width:48px;height:48px;color:var(--cream);font-size:var(--t-5);cursor:pointer;background:0 0;border-radius:50%}[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}.adat :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}.adat ::selection{background:var(--gold);color:var(--cream)}.adat:before{content:"";z-index:1;pointer-events:none;opacity:.035;mix-blend-mode:multiply;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--adat{color:var(--gold)}.mono--adat .mono__letters{font-family:var(--display);font-size:calc(var(--mono-size) * .32);color:var(--sogan);letter-spacing:-.02em}.mono--adat .mono__amp{color:var(--gold-ink);margin:0 .04em;font-size:.6em}.panutup .mono{margin-bottom:var(--s-3)}.adat img{filter:sepia(.24)saturate(.9)contrast(1.05)brightness(.98)}[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){.adat:after{content:"";z-index:50;transform-origin:0;background:linear-gradient(90deg, var(--sogan), 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)}}.adat{--state-hover:#7a5c1c14;--state-active:#7a5c1c29}.adat :is(button,a,summary,label[class*=choice],label[class*=opt],label[class*=tick]){-webkit-tap-highlight-color:transparent}@media (hover:hover) and (pointer:fine){.adat :is(button,a):not([disabled]):hover{background-image:linear-gradient(var(--state-hover), var(--state-hover))}}.adat :is(button,a):not([disabled]):active{background-image:linear-gradient(var(--state-active), var(--state-active));transform:translateY(1px)}.adat :is(.mono,[data-draggable],[data-envelope-open]):active{transform:none}