:root{--tarum:#15193a;--tarum-deep:#0e1128;--tarum-soft:#232857;--blencong:#e9a23b;--prada:#c9a55c;--prada-light:#e6cd8f;--soga:#6e4226;--soga-deep:#3d2414;--kelir:#efd9ae;--kelir-edge:#d9b47a;--melati:#f7f4ee;--melati-dim:#f7f4eeb8;--line-night:#c9a55c52;--line-kelir:#6e422647;--font-display:"Bodoni Moda", "Didot", "Times New Roman", serif;--font-text:"Alegreya Sans", "Gill Sans", system-ui, sans-serif;--font-arab:"Amiri", "Traditional Arabic", serif;--step--1:.85rem;--step-0:1.0625rem;--step-1:1.33rem;--step-2:1.66rem;--step-3:2.07rem;--step-4:2.59rem;--step-5:3.24rem;--step-6:clamp(3.4rem, 9vw, 5.06rem);--step-7:clamp(4rem, 15vw, 9.5rem);--gutter:clamp(1.25rem, 5vw, 3rem);--measure:34rem;--section-y:clamp(5.5rem, 14vh, 9rem);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--nav-h:4.25rem}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--tarum-deep)}html.is-locked,html.is-locked body{height:100%;overflow:hidden}body{background:var(--tarum-deep);min-height:100vh;color:var(--melati);font-family:var(--font-text);font-size:var(--step-0);font-kerning:normal;font-variant-ligatures:common-ligatures;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}p{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:500;line-height:1.08}::selection{background:var(--blencong);color:var(--tarum-deep)}:focus-visible{outline:2px solid var(--blencong);outline-offset:3px;border-radius:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.main{z-index:1;position:relative}.section{padding:var(--section-y) var(--gutter);isolation:isolate;position:relative;overflow:hidden}.section--night{background:radial-gradient(120% 60% at 50% 0%, #e9a23b14, transparent 60%), linear-gradient(180deg, var(--tarum) 0%, var(--tarum-deep) 100%);color:var(--melati)}.section--kelir{background:repeating-linear-gradient(0deg, #6e422609 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, #6e422608 0 1px, transparent 1px 4px), radial-gradient(90% 70% at 50% 42%, #f7e6c2 0%, var(--kelir) 38%, var(--kelir-edge) 78%, #b98d55 100%);color:var(--soga-deep)}.section--kelir:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(40% 30% at 50% 40%,#ffd68c8c,#0000 70%);animation:5.5s ease-in-out infinite blencong;position:absolute;inset:-10%}@keyframes blencong{0%,to{opacity:.75;transform:translate(0)scale(1)}23%{opacity:.95;transform:translate(1%,-.5%)scale(1.03)}41%{opacity:.7}58%{opacity:1;transform:translate(-1.2%,.4%)scale(1.02)}77%{opacity:.82}}.wrap{width:100%;max-width:68rem;margin:0 auto}.measure{max-width:var(--measure);margin-inline:auto}.center{text-align:center}.h-section{font-size:var(--step-5);text-align:center;font-style:italic;font-weight:500}.section--kelir .h-section{color:var(--soga-deep)}.section--night .h-section{color:var(--prada-light)}.lede{font-size:var(--step-1);line-height:1.55}.btn{--btn-bg:var(--prada);--btn-fg:var(--tarum-deep);background:var(--btn-bg);min-height:3rem;color:var(--btn-fg);font-family:var(--font-text);font-weight:700;font-size:var(--step-0);letter-spacing:.01em;transition:transform .4s var(--ease-out), background-color .3s, box-shadow .4s;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.7rem 1.5rem;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px -12px #e9a23bb3}.btn:active{transform:translateY(0)scale(.98)}.btn--gold{background:linear-gradient(135deg, #f1d894 0%, var(--prada) 45%, #a8823c 100%)}.btn--gold:after{content:"";animation:sheen 3.6s var(--ease-in-out) infinite 1.2s;background:linear-gradient(110deg,#0000 30%,#ffffffa6 48%,#0000 64%);position:absolute;inset:0;transform:translate(-120%)}@keyframes sheen{0%{transform:translate(-120%)}45%,to{transform:translate(120%)}}.btn--line{color:var(--prada-light);box-shadow:inset 0 0 0 1px var(--line-night);background:0 0}.btn--line:hover{box-shadow:inset 0 0 0 1px var(--prada);background:#c9a55c1f}.section--kelir .btn--line{color:var(--soga-deep);box-shadow:inset 0 0 0 1px var(--line-kelir)}.section--kelir .btn--line:hover{box-shadow:inset 0 0 0 1px var(--soga);background:#6e422614}.btn--sm{min-height:2.5rem;font-size:var(--step--1);padding:.45rem 1.1rem}.btn svg{flex:none;width:1.1em;height:1.1em}.grain{z-index:90;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:1.2s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.grain{display:none}}.gunungan{width:100%;height:auto;display:block;overflow:visible}.gunungan--shadow{color:var(--soga-deep)}.divider{color:var(--prada);justify-content:center;align-items:center;gap:.9rem;max-width:16rem;margin:0 auto;display:flex}.divider__line{background:linear-gradient(90deg,#0000,currentColor);flex:1;height:1px}.divider__line:last-child{background:linear-gradient(270deg,#0000,currentColor)}.kawung-mark{flex:none;width:1.6rem;height:1.6rem}.section--kelir .divider{color:var(--soga)}.shadow{z-index:-1;pointer-events:none;color:var(--soga-deep);position:absolute;inset:0;overflow:hidden}.shadow__item{opacity:.2;filter:blur(8px);will-change:transform, filter, opacity;mix-blend-mode:multiply;position:absolute}.shadow__item svg,.mega{width:100%;height:auto;display:block}.safe-img{background:var(--tarum-soft);width:100%;height:100%;position:relative;overflow:hidden}.safe-img img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s var(--ease-out)}.safe-img.is-loaded img{opacity:1}.safe-img__fallback{color:var(--prada);place-items:center;display:grid;position:absolute;inset:0}.safe-img__fallback svg:last-child{opacity:.6;width:28%;height:auto;position:absolute}.kern-w{margin-right:-.13em}.kern-a{margin-right:-.11em}.preloader{z-index:200;background:var(--tarum-deep);color:var(--prada);transition:opacity .9s var(--ease-out), visibility .9s;place-content:center;justify-items:center;gap:1.75rem;display:grid;position:fixed;inset:0}.preloader.is-leaving{opacity:0;visibility:hidden}.preloader__kayon{width:7.5rem;position:relative}.preloader__kayon .gunungan__outline{stroke-dasharray:1;stroke-dashoffset:1px;animation:draw 1.8s var(--ease-in-out) forwards}.preloader__fill{opacity:0;animation:fill-in 1s var(--ease-out) 1.4s forwards;position:absolute;inset:0}.preloader__text{font-family:var(--font-display);font-style:italic;font-size:var(--step-1);color:var(--melati-dim);animation:2.4s ease-in-out infinite breathe}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fill-in{to{opacity:1}}@keyframes breathe{50%{opacity:.45}}.cover{z-index:100;perspective:1400px;color:var(--melati);position:fixed;inset:0;overflow:hidden}.cover__door{background:radial-gradient(120% 80% at 100% 50%, #262b5e 0%, var(--tarum) 45%, var(--tarum-deep) 100%);backface-visibility:hidden;will-change:transform;width:50.5%;position:absolute;top:0;bottom:0}.cover__door svg{position:absolute;inset:0}.cover__door--l{transform-origin:0;left:0}.cover__door--r{transform-origin:100%;background:radial-gradient(120% 80% at 0% 50%, #262b5e 0%, var(--tarum) 45%, var(--tarum-deep) 100%);right:0}.cover__rim{background:linear-gradient(90deg,#7a5a24,#e6cd8f 45%,#8f6a2e);width:6px;position:absolute;top:0;bottom:0;box-shadow:0 0 24px #e9a23b59;-webkit-mask:linear-gradient(#000 0% 12%,#0000 30% 78%,#000 94%);mask:linear-gradient(#000 0% 12%,#0000 30% 78%,#000 94%)}.cover__door--l .cover__rim{right:0}.cover__door--r .cover__rim{left:0}.cover__glow{opacity:.55;pointer-events:none;background:radial-gradient(circle,#ffcf828c 0%,#e9a23b33 38%,#0000 70%);border-radius:50%;width:70vmin;height:70vmin;margin:-35vmin 0 0 -35vmin;animation:3.2s ease-in-out infinite cover-flicker;position:absolute;top:42%;left:50%}@keyframes cover-flicker{0%,to{filter:brightness()}17%{filter:brightness(1.25)}33%{filter:brightness(.9)}61%{filter:brightness(1.15)}79%{filter:brightness(.95)}}.cover__content{z-index:2;height:100%;padding:2rem var(--gutter) calc(2rem + env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1rem,3vh,2rem);display:flex;position:relative}.cover__kayon{transform-origin:50% 95%;filter:drop-shadow(0 0 28px #e9a23b73);width:clamp(7rem,22vh,12rem);animation:6s ease-in-out infinite kayon-sway}@keyframes kayon-sway{0%,to{rotate:-1.5deg}50%{rotate:1.5deg}}.cover__text{flex-direction:column;align-items:center;gap:clamp(.75rem,2vh,1.25rem);display:flex}.cover__lead{font-family:var(--font-display);font-style:italic;font-size:var(--step-1);color:var(--prada-light)}.cover__names{color:var(--melati);font-size:clamp(3.2rem,11vw,6rem);font-style:italic;font-weight:500;line-height:.95}.cover__amp{color:var(--prada);font-weight:400}.cover__guest{color:var(--melati-dim);font-size:var(--step-0);margin-top:.5rem}.cover__guest-name{font-family:var(--font-display);font-size:var(--step-2);color:var(--melati);margin-top:.35rem;line-height:1.2}.cover__btn{min-width:13rem;margin-top:.5rem}.cover__note{font-size:var(--step--1);color:#f7f4ee80;max-width:22rem}@media (height<=640px){.cover__kayon{width:5.5rem}.cover__note{display:none}}.hero{height:240vh;color:var(--soga-deep);position:relative}.hero__sticky{height:100svh;position:sticky;top:0;overflow:hidden}.hero__sticky:before{content:"";pointer-events:none;background:radial-gradient(115% 85% at 50% 42%,#0000 50%,#28160a80 100%);position:absolute;inset:0}.hero__reveal{opacity:0;position:absolute;inset:0}.hero__info{pointer-events:none;position:absolute;inset:0}.hero__amp i{font-style:italic;display:inline-block}.hero__pre{text-align:center;font-family:var(--font-display);font-style:italic;font-size:var(--step-1);padding-inline:max(var(--gutter), 4.25rem);color:var(--soga);position:absolute;top:clamp(1.5rem,6vh,3.5rem);left:0;right:0}.hero__names{pointer-events:none;color:var(--soga-deep);perspective:600px;margin:0;font-style:italic;font-weight:500;position:absolute;inset:0}.hero__name{letter-spacing:-.02em;text-shadow:0 0 40px #ffecc499;font-size:clamp(4rem,10.5vw,10rem);line-height:1;position:absolute;top:50%;translate:0 -50%}.hero__name--l{right:calc(50% + clamp(7rem,15vw,14rem))}.hero__name--r{left:calc(50% + clamp(7rem,15vw,14rem))}.hero__amp{color:#9a6a2c;font-size:clamp(3rem,6vw,5rem);font-weight:400;position:absolute;bottom:clamp(6.5rem,17vh,10rem);left:50%;translate:-50%}.hero__date{text-align:center;font-size:var(--step-1);color:var(--soga-deep);padding-inline:var(--gutter);font-weight:500;position:absolute;bottom:clamp(3.8rem,10vh,6rem);left:0;right:0}.hero__cue{left:50%;bottom:calc(var(--nav-h) + .25rem);font-size:var(--step--1);color:var(--soga);flex-direction:column;align-items:center;gap:.4rem;display:none;position:absolute;translate:-50%}.hero__cue i{background:linear-gradient(var(--soga), transparent);width:1px;height:2.2rem;animation:cue 2.2s var(--ease-in-out) infinite;transform-origin:top}@keyframes cue{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.hero__verse{width:min(34rem, calc(100% - 2 * var(--gutter)));text-align:center;font-family:var(--font-display);color:var(--soga-deep);opacity:0;text-shadow:0 0 30px #ffecc4e6;text-wrap:balance;isolation:isolate;font-size:clamp(1.7rem,3.2vw,2.7rem);font-style:italic;line-height:1.2;position:absolute;bottom:clamp(3.5rem,12vh,7rem);left:50%;translate:-50%}.hero__verse:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#efd9aef0 55%,#efd9ae00);position:absolute;inset:-1.75rem -1.25rem}.hero__mega{pointer-events:none;opacity:.95;width:min(42vw,520px);position:absolute;bottom:-2%}.hero__mega--l{left:-6%}.hero__mega--r{right:-6%;transform:scaleX(-1)}.hero__static-kayon{width:min(40vw,16rem);position:absolute;top:50%;left:50%;translate:-50% -55%}@media (aspect-ratio<=1){.hero__name{font-size:clamp(3.2rem,15vw,5.5rem);top:auto;bottom:clamp(9.5rem,23vh,13rem);translate:0}.hero__name--l{right:calc(50% + 1.9rem)}.hero__name--r{left:calc(50% + 1.9rem)}.hero__amp{font-size:clamp(2.4rem,11vw,3.6rem);bottom:calc(clamp(9.5rem,23vh,13rem) + .12em)}.hero__date{bottom:clamp(6.5rem,15vh,8.5rem)}.hero__mega{width:62vw}.hero__pre{font-size:var(--step-0)}.hero__cue{display:flex}.hero__verse{bottom:calc(var(--nav-h) + 1.75rem);font-size:clamp(1.4rem,6.4vw,2.1rem)}}@media (aspect-ratio<=1) and (height<=720px){.hero__cue{display:none}}@media (aspect-ratio>=1){.hero__amp i{display:none}.hero__date{bottom:calc(var(--nav-h) + 1.75rem)}.hero__verse{text-align:left;width:min(26rem,32vw);top:50%;bottom:auto;left:max(6vw,2rem);translate:0 -50%}}.salam{padding-top:calc(var(--section-y) * 1.1);padding-bottom:calc(var(--section-y) * 1.2)}.salam .divider{margin-bottom:2.5rem}.salam__greet{font-family:var(--font-display);font-size:var(--step-2);color:var(--prada-light);font-weight:500;line-height:1.2}.salam__lead{font-size:var(--step-1);color:var(--melati-dim);margin-top:1.25rem;line-height:1.6}.ayat{margin:clamp(3.5rem,10vh,6rem) 0 0}.ayat__arab{font-family:var(--font-arab);background:linear-gradient(100deg,#8f6a2e 0% 35%,#fff1c9 50%,#c9a55c 65% 100%) 50% 0/250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.7rem,5.4vw,2.5rem);line-height:2.1}.ayat__id{font-size:var(--step-1);color:var(--melati);margin:2.25rem 0 0;line-height:1.7}.ayat__src{font-family:var(--font-display);font-style:italic;font-size:var(--step-0);color:var(--prada);margin-top:1.5rem}.mempelai__intro{font-size:var(--step-1);color:var(--soga);margin-top:1rem}.mempelai__grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);margin-top:clamp(3rem,8vh,5rem);display:grid}.person{text-align:center;flex-direction:column;align-items:center;display:flex}.person__frame{aspect-ratio:3/4;width:min(100%,20rem);color:var(--soga);position:relative}.person__photo{background:var(--kelir-edge);border-radius:999px 999px 6px 6px/38% 38% 6px 6px;width:auto;height:auto;position:absolute;inset:12px;box-shadow:0 30px 60px -30px #3d24148c}.person__photo img{filter:sepia(.12)saturate(.95);transform-origin:50% 30%}.person__curtain{background:linear-gradient(180deg, var(--soga) 0%, var(--soga-deep) 100%);transform-origin:50% 0;border-radius:999px 999px 6px 6px/38% 38% 6px 6px;position:absolute;inset:12px;transform:scaleY(0)}.person__arch{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.person__arch path{stroke-dasharray:1;stroke-dashoffset:0}.person__name{font-size:var(--step-3);color:var(--soga-deep);margin-top:1.75rem;font-style:italic}.person__parents{color:var(--soga);margin-top:.9rem;line-height:1.55}.person__ig{box-shadow:inset 0 0 0 1px var(--line-kelir);color:var(--soga-deep);font-weight:500;font-size:var(--step--1);border-radius:999px;margin-top:1rem;padding:.35rem .9rem;text-decoration:none;transition:background-color .3s}.person__ig:hover{background:#6e42261a}.mempelai__amp{font-family:var(--font-display);color:var(--soga);font-size:clamp(4rem,9vw,7rem);font-style:italic;line-height:1}@media (width<=760px){.mempelai__grid{grid-template-columns:1fr;gap:2.5rem}.person__frame{width:min(78vw,19rem)}}.count{flex-wrap:wrap;justify-content:center;gap:clamp(.6rem,3vw,1.75rem);display:flex}.count__unit{flex-direction:column;align-items:center;gap:.6rem;display:flex}.count__digits{gap:4px;display:flex}.count__label{font-size:var(--step--1);color:var(--melati-dim)}.count__done{font-family:var(--font-display);font-style:italic;font-size:var(--step-2);text-align:center;color:var(--prada-light)}.flip{--h:clamp(3.2rem, 11vw, 5.2rem);--w:calc(var(--h) * .66);width:var(--w);height:var(--h);perspective:300px;font-family:var(--font-display);font-size:calc(var(--h) * .72);font-variant-numeric:lining-nums tabular-nums;color:var(--prada-light);font-weight:600;display:block;position:relative}.flip__half{backface-visibility:hidden;background:linear-gradient(#262b5e,#1c2150);height:50%;position:absolute;left:0;right:0;overflow:hidden}.flip__half span{height:var(--h);line-height:var(--h);text-align:center;position:absolute;left:0;right:0}.flip__half--top{transform-origin:50% 100%;border-radius:8px 8px 0 0;top:0;box-shadow:inset 0 1px #e6cd8f40}.flip__half--top span{top:0}.flip__half--bottom{transform-origin:50% 0;background:linear-gradient(#1a1f4a,#15193a);border-top:1px solid #0e1128e6;border-radius:0 0 8px 8px;bottom:0}.flip__half--bottom span{bottom:0}.flip__flap-top{z-index:2;animation:.3s ease-in forwards flap-top}.flip__flap-bottom{z-index:2;animation:.3s ease-out .3s forwards flap-bottom;transform:rotateX(90deg)}@keyframes flap-top{to{transform:rotateX(-90deg)}}@keyframes flap-bottom{to{transform:rotateX(0)}}.acara__date{text-align:center;font-size:var(--step-1);color:var(--melati-dim);margin-top:.75rem}.acara__count{margin-top:2.5rem}.acara__divider{margin-block:clamp(4rem,10vh,6rem) clamp(3rem,7vh,4rem)}.acara__cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:clamp(1.5rem,3vw,2.5rem);display:grid}.event-wrap{perspective:1200px}.event-wrap .event{height:100%}.event{background:linear-gradient(180deg, #c9a55c1f, #c9a55c05 60%), var(--tarum);box-shadow:inset 0 0 0 1px var(--line-night), 0 40px 80px -40px #000c;transform-style:preserve-3d;border-radius:180px 180px 18px 18px/120px 120px 18px 18px;padding:clamp(1.75rem,4vw,2.75rem);position:relative}.event__icon{width:3.25rem;height:3.25rem;color:var(--prada);margin:1rem auto 0;display:block}.event__title{text-align:center;font-size:var(--step-4);color:var(--prada-light);margin-top:1rem;font-style:italic}.event__meta{gap:1rem;margin:2rem 0 0;display:grid}.event__meta div{border-top:1px solid #c9a55c29;grid-template-columns:5.5rem 1fr;gap:1rem;padding-top:1rem;display:grid}.event__meta dt{color:var(--prada);font-size:var(--step--1);padding-top:.15rem}.event__meta dd{color:var(--melati);margin:0}.event__meta strong{font-weight:700}.event__note{color:var(--melati-dim);margin-top:1.5rem;font-style:italic}.event__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.acara__map{margin:clamp(3rem,7vh,4.5rem) 0 0}.acara__map iframe{filter:sepia(.35)saturate(.75)contrast(.95);width:100%;height:clamp(15rem,40vh,22rem);box-shadow:inset 0 0 0 1px var(--line-night);background:var(--tarum-soft);border:0;border-radius:18px;display:block}.acara__map figcaption{color:var(--melati-dim);font-size:var(--step--1);text-align:center;margin-top:.9rem}.kisah{--progress:0;color:var(--melati);background:#0b0d20;position:relative;overflow:hidden}.kisah__inner{height:100svh;padding-block:clamp(2.5rem, 7vh, 4rem) calc(var(--nav-h) + 1.5rem);flex-direction:column;justify-content:center;gap:clamp(1.5rem,4vh,2.5rem);display:flex;position:relative}.kisah__inner:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 50% 55%,#e9a23b24,#0000 70%);animation:4s ease-in-out infinite blencong;position:absolute;inset:0}.kisah__title{padding-inline:var(--gutter);position:relative}.reel{--hole:14px;width:max-content;padding:calc(var(--hole) * 2.4) 0;will-change:transform;background:#07081a;align-items:stretch;gap:0;display:flex;position:relative}.reel:before,.reel:after{content:"";height:var(--hole);opacity:.7;background:repeating-linear-gradient(90deg,#0000 0 12px,#efd9aebf 12px 30px,#0000 30px 44px);border-radius:3px;position:absolute;left:0;right:0}.reel:before{top:calc(var(--hole) * .7)}.reel:after{bottom:calc(var(--hole) * .7)}.reel__lead{width:min(80vw,24rem);padding:0 var(--gutter);font-family:var(--font-display);font-style:italic;font-size:var(--step-2);color:var(--melati-dim);flex:none;align-items:center;line-height:1.3;display:flex}.reel__frame{background:#11142e;border-left:1px solid #efd9ae1a;flex:none;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(1rem,3vw,2.25rem);width:min(86vw,58rem);margin-right:10px;padding:clamp(.75rem,2vw,1.25rem);display:grid}.reel__photo{aspect-ratio:4/5;border-radius:4px;width:100%;max-height:min(56vh,30rem);overflow:hidden}.reel__photo img{filter:sepia(.25)contrast(1.05)saturate(.9)}.reel__caption{padding-right:clamp(.5rem,2vw,1.5rem)}.reel__year{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px var(--prada);font-size:clamp(3rem,7vw,5.5rem);font-weight:400;line-height:1}.reel__title{font-size:var(--step-3);color:var(--prada-light);margin-top:1rem;font-style:italic}.reel__text{color:var(--melati-dim);max-width:26rem;margin-top:.9rem}.reel__end{flex:none;width:12vw}.kisah__progress{margin:0 var(--gutter);background:#c9a55c2e;border-radius:2px;height:2px;position:relative;overflow:hidden}.kisah__progress span{background:var(--prada);transform-origin:0;transform:scaleX(var(--progress));position:absolute;inset:0}@media (width<=760px){.reel__frame{grid-template-columns:1fr;align-content:start;gap:.9rem;width:82vw}.reel__photo{aspect-ratio:4/3.2;max-height:38vh}.reel__year{font-size:2.6rem}.reel__title{font-size:var(--step-2);margin-top:.4rem}.reel__text{font-size:var(--step--1);margin-top:.5rem;line-height:1.5}}.kisah--static .kisah__inner{height:auto;padding-block:var(--section-y)}.kisah--static .reel{scroll-snap-type:x mandatory;width:auto;overflow-x:auto}.kisah--static .reel__frame{scroll-snap-align:center}.kisah--static .kisah__progress{display:none}.galeri{padding-bottom:calc(var(--section-y) * .9)}.galeri__hint{text-align:center;color:var(--melati-dim);margin-top:.75rem}.ring{perspective:1100px;perspective-origin:50% 40%;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;height:clamp(22rem,62vh,34rem);margin-top:clamp(1.5rem,5vh,3rem);position:relative}.ring:active{cursor:grabbing}.ring__spin{width:0;height:0;transform-style:preserve-3d;will-change:transform;position:absolute;top:50%;left:50%}.ring__item{--w:clamp(10.5rem, 24vw, 17rem);left:calc(var(--w) / -2);top:calc(var(--w) * -.66);width:var(--w);aspect-ratio:3/4;background:var(--tarum-soft);backface-visibility:hidden;border:0;border-radius:999px 999px 10px 10px/32% 32% 10px 10px;padding:0;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #e6cd8f59,0 30px 50px -20px #000000b3}.ring__item:focus-visible{outline-offset:6px}.ring__item img{pointer-events:none}.ring__floor{filter:blur(6px);background:radial-gradient(50% 50%,#e9a23b40,#0000 70%);width:min(80vw,46rem);height:3rem;margin:-2rem auto 0}.lightbox{z-index:150;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a1aeb;place-items:center;padding:4.5rem 1rem 5rem;display:grid;position:fixed;inset:0}.lightbox__figure{cursor:grab;justify-items:center;gap:.9rem;max-width:min(92vw,60rem);max-height:100%;margin:0;display:grid;position:relative}.lightbox__figure img{object-fit:contain;-webkit-user-select:none;user-select:none;border-radius:18px;max-width:100%;max-height:calc(100svh - 12rem)}.lightbox__figure figcaption{font-family:var(--font-display);color:var(--melati);text-align:center;gap:1rem;font-style:italic;display:flex}.lightbox__figure figcaption span{font-family:var(--font-text);color:var(--prada);font-style:normal}.lightbox__nav,.lightbox__close{width:3rem;height:3rem;color:var(--prada-light);box-shadow:inset 0 0 0 1px var(--line-night);background:#c9a55c24;border:0;border-radius:50%;place-items:center;transition:background-color .3s;display:grid;position:absolute}.lightbox__nav:hover,.lightbox__close:hover{background:#c9a55c47}.lightbox__nav svg,.lightbox__close svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.3rem;height:1.3rem}.lightbox__nav--prev{top:50%;left:max(1rem,3vw);translate:0 -50%}.lightbox__nav--next{top:50%;right:max(1rem,3vw);translate:0 -50%}.lightbox__close{top:1rem;right:1rem}@media (width<=760px){.lightbox__nav{top:auto;bottom:1.25rem;translate:0}.lightbox__nav--prev{left:calc(50% - 3.75rem)}.lightbox__nav--next{right:calc(50% - 3.75rem)}}.amplop__intro{font-size:var(--step-1);color:var(--soga);margin-top:1rem}.amplop__cards{perspective:1000px;margin-top:clamp(2.5rem,7vh,4rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));gap:clamp(2rem,4vw,3rem);max-width:50rem;margin-inline:auto;display:grid}.bank{perspective:900px;flex-direction:column;align-items:center;gap:1.1rem;display:flex}.bank__card{--sx:50%;--sy:30%;aspect-ratio:1.586;width:100%;max-width:23rem;color:var(--melati);background:radial-gradient(120% 90% at 0% 0%, #2d3372 0%, transparent 60%), linear-gradient(135deg, #1f2452 0%, var(--tarum) 55%, var(--tarum-deep) 100%);transform-style:preserve-3d;will-change:transform;border-radius:18px;flex-direction:column;justify-content:space-between;padding:clamp(1.1rem,4vw,1.6rem);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #e6cd8f59,0 30px 50px -24px #3d2414bf}.bank__pattern{position:absolute;inset:0}.bank__shine{background:radial-gradient(45% 55% at var(--sx) var(--sy), #ffebbe52, transparent 70%);mix-blend-mode:screen;pointer-events:none;position:absolute;inset:0}.bank__top{justify-content:space-between;align-items:flex-start;display:flex;position:relative}.bank__name{font-family:var(--font-display);font-style:italic;font-size:var(--step-2);color:var(--prada-light)}.bank__chip{fill:#d9b870;stroke:#8f6a2e;stroke-width:1px;width:2.6rem}.bank__number{font-family:var(--font-display);letter-spacing:.06em;font-variant-numeric:lining-nums tabular-nums;color:var(--melati);text-shadow:0 1px #0006;font-size:clamp(1.35rem,5.6vw,1.75rem);position:relative}.bank__holder{color:var(--melati-dim);position:relative}.amplop__address{max-width:42rem;box-shadow:inset 0 0 0 1px var(--line-kelir);color:var(--soga-deep);background:#fff6e173;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:1.25rem;margin:clamp(3rem,8vh,4.5rem) auto 0;padding:1.5rem 1.75rem;display:grid}.amplop__address h3{font-size:var(--step-2);font-style:italic}.amplop__address p{color:var(--soga);margin-top:.35rem}.amplop__gift{width:2.5rem;height:2.5rem;color:var(--soga)}@media (width<=640px){.amplop__address{grid-template-columns:1fr;justify-items:start}}.burst{z-index:180;pointer-events:none;width:0;height:0;position:fixed}.burst i{background:linear-gradient(135deg, #fff1c9, var(--prada));clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:7px;height:7px;animation:burst .85s var(--ease-out) forwards;margin:-3.5px;position:absolute}@keyframes burst{0%{opacity:1;transform:translate(0)scale(1.4)rotate(0)}to{transform:translate(var(--dx), var(--dy)) scale(.2) rotate(var(--r));opacity:0}}.ucapan__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2.5rem,6vw,5rem);display:grid}.ucapan__title{text-align:left}.ucapan__intro{color:var(--melati-dim);max-width:30rem;margin-top:1rem}.rsvp{gap:1.25rem;margin-top:2rem;display:grid}.field{border:0;gap:.5rem;min-width:0;margin:0;padding:0;display:grid}.field>span,.field legend{font-size:var(--step--1);color:var(--prada);margin-bottom:.5rem;padding:0}.field input,.field textarea{width:100%;box-shadow:inset 0 0 0 1px var(--line-night);color:var(--melati);resize:vertical;background:#f7f4ee0f;border:0;border-radius:12px;padding:.85rem 1rem;transition:box-shadow .3s,background-color .3s}.field input::placeholder,.field textarea::placeholder{color:#f7f4ee66}.field input:focus,.field textarea:focus{box-shadow:inset 0 0 0 1.5px var(--blencong);background:#f7f4ee17;outline:none}.segmented{box-shadow:inset 0 0 0 1px var(--line-night);background:#f7f4ee0f;border-radius:999px;grid-template-columns:repeat(3,1fr);padding:4px;display:grid}.segmented__opt{color:var(--melati-dim);font-weight:500;font-size:var(--step--1);background:0 0;border:0;border-radius:999px;padding:.65rem .5rem;transition:color .3s;position:relative}.segmented__opt.is-on{color:var(--tarum-deep)}.segmented__pill{background:linear-gradient(135deg, #f1d894, var(--prada));border-radius:999px;position:absolute;inset:0}.segmented__text{position:relative}.stepper{width:max-content;box-shadow:inset 0 0 0 1px var(--line-night);border-radius:999px;grid-template-columns:2.75rem 7rem 2.75rem;place-items:center;display:inline-grid;overflow:hidden}.stepper button{width:2.75rem;height:2.75rem;color:var(--prada-light);background:#c9a55c1a;border:0;font-size:1.3rem}.stepper button:hover{background:#c9a55c38}.stepper output{color:var(--melati);display:block}.rsvp__error{color:#ffb49a;font-size:var(--step--1)}.rsvp__actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.wishes__tally{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.wishes__tally p{box-shadow:inset 0 0 0 1px var(--line-night);text-align:center;color:var(--melati-dim);font-size:var(--step--1);background:#c9a55c14;border-radius:14px;padding:1rem .75rem;line-height:1.3}.wishes__tally strong{font-family:var(--font-text);font-size:var(--step-3);color:var(--prada-light);font-weight:700;line-height:1.1;display:block}.wishes__list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--prada) transparent;gap:.9rem;max-height:34rem;margin:1.25rem 0 0;padding:0 .25rem 0 0;list-style:none;display:grid;overflow-y:auto}.wish{background:#f7f4ee0a;border-radius:16px;padding:1.1rem 1.2rem;box-shadow:inset 0 0 0 1px #c9a55c29}.wish--mine{background:#e9a23b1a;box-shadow:inset 0 0 0 1px #e9a23b73}.wish__head{align-items:center;gap:.8rem;display:flex}.wish__avatar{background:linear-gradient(135deg, #f1d894, var(--prada));width:2.4rem;height:2.4rem;color:var(--tarum-deep);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-style:italic;font-weight:700;display:grid}.wish__name{color:var(--melati);font-weight:700;line-height:1.3}.wish__meta{font-size:var(--step--1);color:#f7f4ee8c;align-items:center;gap:.6rem;display:flex}.wish__badge{border-radius:999px;padding:.05rem .55rem;font-size:.78rem;font-weight:500}.wish__badge--hadir{color:var(--prada-light);background:#c9a55c33}.wish__badge--ragu{color:#c3c9ff;background:#7b86e033}.wish__badge--tidak{color:var(--melati-dim);background:#f7f4ee1a}.wish__msg{color:var(--melati-dim);overflow-wrap:anywhere;margin-top:.7rem}.wishes__more{margin-top:1rem}@media (width<=860px){.ucapan__grid{grid-template-columns:1fr}.ucapan__title{text-align:center}.ucapan__intro{text-align:center;margin-inline:auto}}.penutup{height:220vh;color:var(--soga-deep);position:relative}.penutup__sticky{height:100svh;padding:2rem var(--gutter) calc(var(--nav-h) + 2rem);justify-content:center;align-items:flex-end;display:flex;position:sticky;top:0;overflow:hidden}.penutup__content{text-align:center;background:radial-gradient(closest-side,#fbecccd9,#efd9ae8c 60%,#0000);border-radius:28px;gap:.9rem;max-width:40rem;padding:clamp(1.5rem,4vw,2.5rem);display:grid;position:relative}.penutup__line{color:var(--soga);font-size:var(--step-0)}.penutup__salam{font-family:var(--font-display);font-style:italic;font-size:var(--step-1);color:var(--soga-deep)}.penutup__names{color:var(--soga-deep);font-size:clamp(3rem,10vw,6rem);font-style:italic;font-weight:500;line-height:1}.penutup__names span{color:var(--soga);font-weight:400}.penutup__family{color:var(--soga);font-size:var(--step--1);line-height:1.6}.penutup__tag{font-family:var(--font-display);font-size:var(--step-1);color:var(--soga-deep)}.penutup__static-kayon{width:min(34vw,12rem);position:absolute;top:6vh;left:50%;translate:-50%}@media (aspect-ratio>=1){.penutup__sticky{padding-left:max(var(--gutter), 6vw);justify-content:flex-start;align-items:center}.penutup__content{max-width:min(32rem,40vw)}}@media (aspect-ratio<=1){.penutup__content{gap:.6rem;padding:1.25rem .5rem}.penutup__line{font-size:var(--step--1)}.penutup__names{font-size:clamp(2.6rem,12vw,4rem)}.penutup__family{font-size:.78rem}}.bottom-nav{left:50%;bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:60;-webkit-backdrop-filter:blur(14px)saturate(1.3);background:#0e1128c7;border-radius:999px;gap:2px;padding:5px;display:flex;position:fixed;translate:-50%;box-shadow:inset 0 0 0 1px #c9a55c4d,0 20px 40px -18px #000000b3}.bottom-nav__item{min-width:3.4rem;color:var(--melati-dim);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;flex-direction:column;align-items:center;gap:2px;padding:.45rem .5rem .4rem;transition:color .3s;display:flex;position:relative}.bottom-nav__item.is-active{color:var(--tarum-deep)}.bottom-nav__pill{background:linear-gradient(135deg, #f1d894, var(--prada));border-radius:999px;position:absolute;inset:0}.bottom-nav__icon{width:1.3rem;height:1.3rem;position:relative}.bottom-nav__label{font-size:.7rem;font-weight:500;line-height:1.1;position:relative}.music{right:calc(1rem + env(safe-area-inset-right));top:calc(1rem + env(safe-area-inset-top));z-index:60;-webkit-backdrop-filter:blur(10px);background:#0e1128bf;border:0;border-radius:50%;place-items:center;width:3rem;height:3rem;padding:0;display:grid;position:fixed;box-shadow:inset 0 0 0 1px #c9a55c66}.music__gong{width:2rem;height:2rem}.music.is-playing .music__gong{animation:6s linear infinite gong-spin}.music__rim{fill:none;stroke:var(--prada);stroke-width:1.5px;stroke-dasharray:3 2.2}.music__face{fill:#c9a55c2e;stroke:var(--prada);stroke-width:1px}.music__boss{fill:var(--prada-light)}.music__waves{pointer-events:none;position:absolute;inset:0}.music__waves i{box-shadow:0 0 0 1px var(--prada);opacity:0;border-radius:50%;position:absolute;inset:0}.music.is-playing .music__waves i{animation:gong-wave 2.8s var(--ease-out) infinite}.music.is-playing .music__waves i:nth-child(2){animation-delay:.9s}.music.is-playing .music__waves i:nth-child(3){animation-delay:1.8s}.music:not(.is-playing):after{content:"";background:var(--prada-light);border-radius:2px;width:60%;height:1.5px;position:absolute;rotate:-45deg}@keyframes gong-spin{to{rotate:360deg}}@keyframes gong-wave{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.thread{z-index:70;background:linear-gradient(90deg, var(--prada), var(--blencong), var(--prada-light));transform-origin:0;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}.spark{z-index:95;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.toast-host{top:calc(1rem + env(safe-area-inset-top));z-index:190;pointer-events:none;position:fixed;left:50%;translate:-50%}.toast{background:var(--melati);color:var(--tarum-deep);text-align:center;border-radius:999px;width:max-content;max-width:calc(100vw - 2rem);padding:.7rem 1.2rem;font-weight:500;box-shadow:0 16px 40px -14px #0009}.stage{z-index:0;height:100lvh;transition:opacity .5s;position:fixed;inset:0}.stage--off{opacity:0;visibility:hidden}@media (width<=400px){.bottom-nav__item{min-width:2.95rem;padding-inline:.3rem}.bottom-nav__label{font-size:.64rem}}