@font-face{font-family:BingkaiSerif;src:url(/motion/dua-bingkai-satu-janji/assets/fraunces-latin.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:BingkaiHand;src:url(/motion/dua-bingkai-satu-janji/assets/kalam-latin.woff2)format("woff2");font-display:swap}@font-face{font-family:BingkaiArabic;src:url(/images/templates/chateau-nocturne/fonts/noto-naskh-arabic.woff2)format("woff2");font-display:swap}:root{--db-ink:#34465a;--db-muted:#68685f;--db-paper:#f4f1e8;--db-copper:#995f43;--db-line:#b4775950;--db-vh:100svh}*{box-sizing:border-box}html{scroll-behavior:auto;overflow-x:clip}body.db-body{color:var(--db-ink);-webkit-text-size-adjust:100%;background:#d9d7d0;margin:0;font:1rem/1.8 system-ui,sans-serif;overflow-x:clip}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:disabled{cursor:wait}img{max-width:100%;display:block}p,h1,h2,h3,figure,blockquote{margin:0}p,h1,h2,h3,li,button,a,label,figcaption{overflow-wrap:anywhere}h1,h2,h3{font-weight:400}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--db-copper);outline-offset:4px}.db-shell{background:var(--db-paper);width:min(100%,600px);margin:auto;position:relative;box-shadow:0 0 70px #34465a14}.db-preview{z-index:5;text-align:center;background:var(--db-ink);color:#fff9ec;padding:5px 12px;font-size:.72rem;position:relative}.db-opening{background:var(--db-paper);position:relative}.db-opening-stage{width:100%;height:var(--db-vh);background:url(/motion/dua-bingkai-satu-janji/assets/paper.webp) 50%/cover;max-height:1066px;position:relative}.db-opening iframe{pointer-events:none;border:0;width:100%;height:100%;position:absolute;inset:0}.db-opening-fallback{text-align:center;background:var(--db-paper);padding:35px 15px;display:none;position:absolute;inset:12%;overflow:auto}.db-opening.is-failed .db-opening-fallback{display:block}.db-opening.is-failed iframe{visibility:hidden}.db-recipient{text-align:center;border:1px solid var(--db-line);background:#f4f1e8f5;padding:8px;font-size:.8rem;position:absolute;bottom:16px;left:10%;right:10%}.db-group{position:relative}.db-section{isolation:isolate;padding:76px clamp(23px,6vw,44px);position:relative}.db-section-inner{min-width:0;max-width:470px;margin:auto;position:relative}.db-page-label{color:var(--db-copper);letter-spacing:.13em;align-items:center;gap:14px;margin-bottom:34px;font-size:.58rem;display:flex}.db-page-label>span:first-child{font:1.55rem/1.2 BingkaiHand,cursive}.db-page-label>span:last-child{line-height:1.6}.db-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--db-copper);margin-bottom:16px;font-size:.68rem;line-height:1.8}.db-heading{letter-spacing:-.035em;text-wrap:balance;margin-bottom:26px;font:clamp(1.9rem,7.5vw,2.85rem)/1.2 BingkaiSerif,serif}.db-heading em{color:var(--db-copper);letter-spacing:-.02em;font-family:BingkaiHand,cursive;font-style:normal}.db-names{text-align:center;letter-spacing:-.035em;flex-direction:column;align-items:center;gap:10px;margin:26px 0;font:clamp(1.9rem,7.8vw,2.9rem)/1.22 BingkaiSerif,serif;display:flex}.db-name{text-wrap:balance;max-width:100%}.db-amp{color:var(--db-copper);letter-spacing:0;font:1.65rem/1.2 BingkaiHand,cursive;display:block}.db-between{color:var(--db-copper);text-align:center;margin:18px auto;font:2.5rem BingkaiHand,cursive}.db-date,.db-time,.db-location{font-variant-numeric:tabular-nums;font-size:.94rem;line-height:1.8}.db-caption{color:var(--db-muted);margin:20px 0;font:.93rem/1.8 BingkaiHand,cursive}.db-impression{background:#eee7dc url(/motion/dua-bingkai-satu-janji/assets/paper.webp) 50%/600px}.db-impression:before{content:"";pointer-events:none;border:1px solid #b4775933;position:absolute;inset:20px 13px}.db-impression .db-section-inner{background:linear-gradient(130deg,#fffaf366,#0000 60%);padding:24px 12px}.db-impression .db-section-inner:before,.db-impression .db-section-inner:after{content:"";border-color:var(--db-copper);opacity:.5;pointer-events:none;width:32px;height:32px;position:absolute}.db-impression .db-section-inner:before{border-top:3px double;border-left:3px double;top:-12px;left:-3px}.db-impression .db-section-inner:after{border-bottom:3px double;border-right:3px double;bottom:-12px;right:-3px}.db-plain{background:#f7f5ee}.db-last-pages .db-plain:nth-of-type(4n){background:#e4e8e7}.db-last-pages .db-impression:nth-of-type(4n+1){background-blend-mode:multiply;background-color:#eee0d1}.db-first-pages{overflow:clip}.db-memory-margin{pointer-events:none;z-index:2;position:absolute;inset:0}.db-memory-margin i{transform-origin:50% 70%;border:7px double #b477594d;width:100px;height:142px;position:absolute;top:20%;left:-75px;transform:rotate(-15deg)}.db-memory-margin i:nth-child(2){top:76%;left:auto;right:-75px;transform:rotate(16deg)}.db-memory-margin>span{color:#995f4366;font:1rem BingkaiHand;position:absolute;top:54%;left:-72px;transform:rotate(-90deg)}.db-polaroid{background:#e2bc91;border:6px ridge #a16d4d;padding:9px;position:relative;box-shadow:inset 0 0 0 2px #f1ddbb,3px 7px 14px #34465a1a}.db-polaroid img{object-fit:cover;width:100%;height:100%}.db-cover-photo{aspect-ratio:4/5;width:86%;margin:12px auto 36px;transform:rotate(-1.5deg)}.db-section--cover{text-align:center;padding-top:85px}.db-section--cover .db-page-label{text-align:left}.db-portraits{text-align:center;gap:18px;display:grid}.db-person{flex-direction:column;align-items:center;gap:13px;min-width:0;display:flex}.db-portrait{aspect-ratio:3/4;width:min(74%,260px);margin-bottom:10px;transform:rotate(-2deg)}.db-person:last-child .db-portrait{transform:rotate(2deg)}.db-person h3{text-wrap:balance;max-width:100%;font:clamp(1.5rem,6.4vw,2.15rem)/1.25 BingkaiSerif,serif}.db-person p{font-size:.9rem}.db-person-title{color:var(--db-copper)}.db-photo-empty{text-align:center;height:100%;min-height:160px;color:var(--db-copper);background:#eee4d5;place-items:center;padding:20px;font:1.5rem BingkaiHand;display:grid}.db-album-run{background:#e5ddd0;display:flow-root}.db-parallax-window{pointer-events:none;height:100lvh;margin-bottom:-100lvh;position:sticky;top:0;overflow:hidden}.db-parallax-layer{position:absolute;inset:-90px 0}.db-parallax-layer>img{object-fit:cover;width:100%;height:100%}.db-album-marks{color:#995f435c;position:absolute;inset:0}.db-album-marks i{border:10px double #b4775940;width:180px;height:220px;position:absolute;top:16%;left:-50px;transform:rotate(-18deg)}.db-album-marks i:nth-child(2){width:190px;height:260px;top:65%;left:auto;right:-90px;transform:rotate(14deg)}.db-album-marks span{opacity:.5;font:1.7rem/1.35 BingkaiHand;position:absolute;top:46%;right:-12px;transform:rotate(90deg)}.db-on-album{background:0 0;padding-top:85px;padding-bottom:85px}.db-on-album .db-section-inner{background:#faf8f0f2;border:1px solid #b4775944;padding:34px 23px;box-shadow:5px 6px #a2744920}.db-on-album:nth-of-type(2n) .db-section-inner{background:#edf0ecf5;border-top:4px solid #b4775990}.db-story-list{gap:48px;display:grid}.db-story{gap:22px;display:grid}.db-story img{aspect-ratio:4/3;object-fit:cover;background:#efe4d0;border:7px ridge #ab7d56;width:94%;height:auto;margin:auto;padding:5px;transform:rotate(-1.5deg)}.db-story:nth-child(2n) img{transform:rotate(1.5deg)}.db-story h3{margin:10px 0;font:1.6rem/1.3 BingkaiSerif}.db-story p{font-size:.95rem}.db-letter{padding:14px 0}.db-letter blockquote{overflow-wrap:anywhere;font:clamp(1.45rem,6.5vw,2rem)/1.55 BingkaiHand}.db-letter-sign{text-align:right;color:var(--db-copper);margin-top:24px;font:1.25rem BingkaiHand;display:block}.db-arabic{text-align:right;word-break:normal;overflow-wrap:normal;margin:28px 0;font:1.5rem/2.15 BingkaiArabic,serif}.db-verse-translation{font-size:.94rem;line-height:2}.db-verse-card>.db-kicker:last-child{margin-top:24px}.db-formal-card{text-align:center}.db-family-list{gap:12px;padding:0;list-style:none;display:grid}.db-family-list li{border-bottom:1px solid var(--db-line);padding:15px 0;font:1.2rem/1.6 BingkaiSerif}.db-events{gap:28px;display:grid}.db-event{text-align:center;border:1px solid var(--db-line);background:#fffaf0;padding:30px 20px;position:relative;box-shadow:inset 0 0 0 6px #eee1ce}.db-event-day{color:var(--db-copper);font:4.5rem/1.1 BingkaiSerif}.db-event h3{margin:10px 0;font:1.6rem BingkaiSerif}.db-countdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:32px 0;display:grid}.db-countdown>div{text-align:center;border:1px solid var(--db-line);background:#fffaf2;padding:18px 8px}.db-countdown [data-unit]{font-variant-numeric:tabular-nums;font:2.8rem/1.2 BingkaiSerif;display:block}.db-countdown span:last-child{font-size:.8rem}.db-rundown{gap:26px;padding:0;list-style:none;display:grid}.db-rundown li{border-bottom:1px solid var(--db-line);grid-template-columns:60px minmax(0,1fr);gap:16px;padding-bottom:24px;display:grid}.db-rundown h3{font:1.35rem/1.3 BingkaiSerif}.db-rundown time{color:var(--db-copper);font-size:.85rem}.db-rundown p{margin-top:10px;font-size:.9rem}.db-place-card{border-left:3px solid var(--db-copper);padding:12px 0 12px 22px}.db-map-pin{color:var(--db-copper);font-size:2.8rem;display:block}.db-place-card p{margin-top:12px}.db-swatches{flex-wrap:wrap;gap:17px;margin:30px 0;display:flex}.db-swatches>div{border:1px solid var(--db-line);background:#faf7ee;width:75px;padding:7px;transform:rotate(-3deg)}.db-swatches>div:nth-child(2n){transform:rotate(3deg)}.db-swatches span{height:80px;display:block}.db-swatches small{text-align:center;padding-top:7px;font-size:.65rem;display:block}.db-media{aspect-ratio:4/3;background:#d7cdbb;border:6px ridge #b1805d;margin:24px 0;position:relative}.db-media>img{object-fit:cover;width:100%;height:100%}.db-media>button{color:#fff;background:#26364580;border:0;place-content:center;gap:10px;font-size:.9rem;display:grid;position:absolute;inset:0}.db-media>button span{font-size:3rem}.db-media iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.db-media>p{padding:24px;font-size:.9rem}.db-button{background:var(--db-ink);color:#fffaf0;white-space:normal;overflow-wrap:anywhere;border:1px solid #263645;border-radius:2px;justify-content:center;align-items:center;max-width:100%;min-height:46px;margin-top:22px;padding:13px 18px;font-size:.87rem;line-height:1.5;text-decoration:none;display:inline-flex}.db-button--small{padding:10px 14px}.db-text-link{margin-top:18px;font-size:.87rem;display:block}.db-gifts{gap:24px;margin-top:30px;display:grid}.db-account,.db-address{border:1px solid var(--db-line);background:#faf8f0;border-left:4px solid #b47759;padding:30px 22px;position:relative}.db-account h3,.db-address h3{padding-right:18px;font:1.6rem/1.25 BingkaiSerif}.db-account p,.db-address p{margin-top:12px;font-size:.94rem}.db-account-number{font-variant-numeric:tabular-nums;font-size:1.25rem!important}.db-account-symbol{color:var(--db-copper);font-size:1.4rem;position:absolute;top:14px;right:14px}.db-qris{text-align:center;background:#fff;width:min(100%,250px);margin:auto;padding:12px}.db-qris img{width:100%;height:auto}.db-qris figcaption{font-size:.8rem}.db-form{border:1px solid var(--db-line);background:#fffaf0;margin:26px 0;padding:24px 20px;position:relative}.db-form>label{gap:8px;margin:16px 0;font-size:.9rem;display:grid}.db-form input:not([type=radio]),.db-form select,.db-form textarea{width:100%;min-width:0;color:var(--db-ink);background:#fffcf6;border:1px solid #b9ac95;border-radius:2px;padding:12px;font-size:1rem}.db-form fieldset{border:0;flex-wrap:wrap;gap:12px;margin:20px 0;padding:0;font-size:.9rem;display:flex}.db-form legend{margin-bottom:12px}.db-form input[type=radio]{accent-color:var(--db-copper)}.db-form textarea{resize:vertical;min-height:120px}.db-honeypot{pointer-events:none;opacity:0!important;border:0!important;width:1px!important;height:1px!important;padding:0!important;position:absolute!important;top:0!important;left:0!important}.db-feedback{margin-top:16px;font-size:.82rem}.db-wishes{gap:18px;display:grid}.db-wish{border-bottom:1px solid var(--db-line);padding:20px 0}.db-wish h3{font:1.35rem BingkaiHand}.db-wish p{white-space:pre-wrap;font-size:.94rem}.db-wish small{color:var(--db-muted);font-size:.75rem}.db-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px;margin:32px 0;display:grid}.db-gallery button{min-width:0;color:var(--db-ink);background:#f2e6d0;border:4px ridge #b88660;padding:6px 6px 26px;position:relative;transform:rotate(-1deg)}.db-gallery button:nth-child(2n){margin-top:28px;transform:rotate(1deg)}.db-gallery button:first-child{grid-column:1/-1;width:84%;margin:0 auto 12px}.db-gallery img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto}.db-gallery span{text-align:center;font:1rem BingkaiHand;position:absolute;bottom:2px;left:0;right:0}.db-hashtag-card{text-align:center;padding:26px 0}.db-hashtag-card .db-heading{font-size:clamp(1.5rem,6.5vw,2.4rem)}.db-closing-photo{aspect-ratio:4/5;width:80%;margin:30px auto}.db-section--closing{text-align:center}.db-closing-message{font-size:1rem;line-height:1.95}.db-closing-families{font-size:.88rem}.db-signature{color:var(--db-copper);margin-top:32px;font:1.4rem/1.5 BingkaiHand}.db-floating-clip{pointer-events:none;z-index:3;width:76px;height:90px;position:absolute;top:15px;right:18px;transform:rotate(14deg)}.db-floating-clip i{background:#f4f1e8;border:5px ridge #b47759;position:absolute;inset:10px 16px}.db-floating-clip span{border:1px solid #b4775955;position:absolute;inset:19px 25px;transform:rotate(-9deg)}.db-floating-clip canvas{width:76px;height:90px;display:block}.db-floating-clip.has-webgl i,.db-floating-clip.has-webgl span{visibility:hidden}.db-controls{right:max(14px,50vw - 286px);bottom:max(18px,env(safe-area-inset-bottom));z-index:80;gap:9px;display:flex;position:fixed}.db-control{width:48px;height:48px;color:var(--db-ink);background:#f8f3e9f5;border:1px solid #b4775980;border-radius:50%;flex-shrink:0;place-items:center;font:1.55rem BingkaiSerif;display:grid;box-shadow:0 3px 9px #26364518}.db-music.is-on{background:var(--db-ink);color:#fffaf0}.db-toast{z-index:90;background:var(--db-ink);color:#fff;text-align:center;width:min(86%,360px);padding:12px 16px;font-size:.85rem;position:fixed;bottom:82px;left:50%;transform:translate(-50%)}.db-toast:empty{display:none}.db-lightbox{background:var(--db-paper);border:0;max-width:90vw;max-height:90svh;padding:15px}.db-lightbox::backdrop{background:#17212bdc}.db-lightbox img{object-fit:contain;max-height:75svh;margin-top:12px}.db-lightbox button{margin-left:auto}.db-music-frame{pointer-events:none;opacity:0;position:fixed;top:0;left:-300px}@media (width<=360px){.db-section{padding-left:22px;padding-right:22px}.db-impression .db-section-inner{padding-left:5px;padding-right:5px}.db-on-album .db-section-inner{padding:30px 16px}.db-form{padding:20px 15px}.db-page-label{gap:9px;font-size:.53rem}.db-heading{font-size:1.9rem}.db-names{font-size:1.95rem}.db-gallery{gap:18px 10px}.db-arabic{font-size:1.35rem}}.db-name{overflow-wrap:anywhere;min-width:0}@media (prefers-reduced-motion:reduce){.db-floating-clip{display:none}}