:root{--bg:#f2eee4;--bg-2:#e9e3d5;--ink:#2b2a27;--muted:#6e685d;--card:#fff;--blush:#e89aa0;--sage:#9fb082;--terra:#d98c5f;--sky:#9cc2d4;--cream:#efe7d6;--plum:#8e6e86;--frame:#e8763c;--line:#2b2a271f;--shadow:0 18px 44px #2b2a2724;--serif:"Fraunces", Georgia, serif;--sans:"Plus Jakarta Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{overflow-x:hidden}.bn-app{max-width:720px;margin:0 auto;position:relative}.bn-progress{z-index:50;background:0 0;height:3px;position:fixed;top:0;left:0;right:0}.bn-progress span{background:var(--frame);width:0;height:100%;display:block}.bn-sound,.bg-music-btn{background:var(--ink);color:#fff;cursor:pointer;width:42px;height:42px;box-shadow:var(--shadow);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;z-index:55!important;position:fixed!important;right:16px!important}.bn-sound{bottom:18px!important}.bg-music-btn{bottom:70px!important}.bn-hero-wrap{height:320vh;position:relative}.bn-hero{justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.bn-grid{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(4,1fr);gap:12px;width:min(92vw,680px);height:min(92vh,760px);display:grid;position:relative}.bn-tile{background:var(--card);box-shadow:var(--shadow);will-change:transform, opacity;border-radius:18px;position:relative;overflow:hidden}.bn-tile img{object-fit:cover;width:100%;height:100%;display:block}.bn-tile .fill{position:absolute;inset:0}.bn-word{z-index:2;text-align:center;font-family:var(--serif);pointer-events:none;will-change:transform;justify-content:center;align-items:center;padding:12px;font-size:clamp(.92rem,3.4vw,1.5rem);font-style:italic;font-weight:500;line-height:1.18;display:flex;position:absolute;inset:0}.bn-tile.t1{background:var(--blush);grid-area:1/1/3/2}.bn-tile.t2{grid-area:1/2/3/4}.bn-tile.t3{background:var(--sage);grid-area:1/4/2/5}.bn-tile.t4{background:var(--terra);grid-area:2/4/4/5}.bn-tile.t5{background:var(--sky);grid-area:3/1/6/2}.bn-tile.t6{background:var(--cream);grid-area:3/2/4/3}.bn-tile.t7{grid-area:3/3/5/4}.bn-tile.t8{background:var(--plum);grid-area:4/2/6/3}.bn-tile.t9{background:var(--sage);grid-area:5/3/6/5}.bn-tile.t10{background:var(--blush);grid-area:4/4/5/5}.bn-hero-content{text-align:center;color:#fff;opacity:0;z-index:20;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.bn-hero-content .kicker{letter-spacing:.4em;text-transform:uppercase;font-size:.72rem;font-weight:600}.bn-hero-content .names{font-family:var(--serif);text-shadow:0 6px 30px #0006;margin:8px 0;font-size:clamp(3rem,14vw,5rem);font-style:italic;font-weight:300;line-height:1}.bn-hero-content .date{letter-spacing:.3em;font-size:.9rem}.bn-hero-content .bn-guest{font-family:var(--serif);margin-top:16px;font-size:1.15rem;font-style:italic}.bn-hero-content .scrim{z-index:-1;background:linear-gradient(#00000026,#00000080);position:absolute;inset:0}.bn-hint{z-index:6;color:var(--muted);letter-spacing:.2em;text-transform:uppercase;font-size:.66rem;transition:opacity .5s;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.bn-hint.hide{opacity:0}.bn-frame{z-index:15;pointer-events:none;opacity:0;position:absolute;inset:-2%}.bn-frame rect{fill:none;stroke:var(--frame);stroke-width:10px}.bn-app{z-index:1;position:relative}.bn-blobs{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bn-blob{filter:blur(60px);opacity:.28;will-change:transform;border-radius:50%;position:absolute}.bn-sec{perspective:1200px;padding:84px 18px}.bn-closing{perspective:1200px;padding:96px 24px 72px}.bn-eyebrow{letter-spacing:.34em;text-transform:uppercase;color:var(--terra);font-size:.7rem;font-weight:700}.bn-h{font-family:var(--serif);margin:6px 0 18px;font-size:clamp(2rem,8vw,2.8rem);font-weight:300;line-height:1.05}.bn-h em{font-style:italic}.bn-card{background:var(--card);box-shadow:var(--shadow);border-radius:22px;padding:22px}.bn-card.tint-blush{background:#f6dee0}.bn-card.tint-sage{background:#e3ead6}.bn-card.tint-terra{background:#f3dac8}.bn-card.tint-sky{background:#ddeaf0}.bn-card.tint-cream{background:var(--cream)}.bn-card.tint-ink{background:var(--ink);color:#fff}.bn-note{color:var(--muted);font-size:.95rem;line-height:1.75}.bn-card.tint-ink .bn-note{color:#fffc}.bn-strong{font-weight:700}.bn-quote{font-family:var(--serif);font-size:1.15rem;font-style:italic;line-height:1.7}.bn-arabic{font-family:var(--serif);direction:rtl;font-size:1.5rem;line-height:2}.bn-mosaic{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.bn-mosaic .wide{grid-column:1/3}.bn-tilecard{box-shadow:var(--shadow);background:var(--card);border-radius:18px;position:relative;overflow:hidden}.bn-tilecard img{object-fit:cover;aspect-ratio:1;width:100%;height:100%;display:block}.bn-tilecard.tall img{aspect-ratio:3/4}.bn-couple{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bn-person{background:var(--card);box-shadow:var(--shadow);border-radius:20px;overflow:hidden}.bn-person .photo{aspect-ratio:3/4;background:linear-gradient(150deg, var(--blush), var(--terra));font-family:var(--serif);color:#fff;justify-content:center;align-items:center;font-size:3rem;font-style:italic;display:flex}.bn-person img{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.bn-person .pad{z-index:1;background:var(--card);padding:14px 16px 18px;position:relative}.bn-person .nm{font-family:var(--serif);font-size:1.2rem}.bn-person .rl{color:var(--muted);margin-top:4px;font-size:.8rem;line-height:1.55}.bn-ep{background:var(--card);box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:14px;margin-bottom:12px;padding:12px;display:flex}.bn-ep .th{background:var(--bg-2);border-radius:14px;flex-shrink:0;width:96px;height:96px;overflow:hidden}.bn-ep .th img{object-fit:cover;width:100%;height:100%}.bn-ep .no{font-family:var(--serif);color:var(--terra);font-size:.9rem;font-style:italic}.bn-ep .tt{margin-top:2px;font-size:.98rem;font-weight:700}.bn-ep .ds{color:var(--muted);margin-top:4px;font-size:.84rem;line-height:1.5}.bn-dates{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bn-datecard{background:var(--card);box-shadow:var(--shadow);text-align:center;border-radius:20px;padding:18px}.bn-datecard .lab{letter-spacing:.2em;text-transform:uppercase;color:var(--terra);font-size:.72rem;font-weight:700}.bn-datecard .big{font-family:var(--serif);margin:6px 0;font-size:2.4rem;line-height:1}.bn-datecard .sm{color:var(--muted);font-size:.82rem}.bn-cd{justify-content:center;gap:10px;margin-top:6px;display:flex}.bn-cd>div{background:var(--card);box-shadow:var(--shadow);text-align:center;border-radius:16px;width:70px;padding:12px 0 8px}.bn-cd span{font-family:var(--serif);font-size:1.9rem;line-height:1;display:block}.bn-cd small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.62rem}.bn-masonry{columns:2;column-gap:12px}.bn-masonry img{width:100%;box-shadow:var(--shadow);break-inside:avoid;border-radius:16px;margin-bottom:12px;display:block}.bn-btn{background:var(--ink);color:#fff;cursor:pointer;border:none;border-radius:999px;margin-top:14px;padding:13px 26px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-block}.bn-btn.frame{background:var(--frame)}.bn-btn.ghost{color:var(--ink);border:1.5px solid var(--ink);background:0 0}.bn-acct{background:var(--card);box-shadow:var(--shadow);text-align:left;border-radius:16px;align-items:center;gap:12px;margin-top:12px;padding:14px;display:flex}.bn-acct .bank{font-family:var(--serif);color:var(--terra);font-size:1.3rem;font-style:italic}.bn-acct .no{letter-spacing:.03em;font-weight:700}.bn-acct .hold{color:var(--muted);font-size:.8rem}.bn-copy{background:var(--bg-2);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;margin-left:auto;padding:8px 14px;font-size:.78rem;font-weight:700}.bn-qris{object-fit:contain;width:130px;height:130px;box-shadow:var(--shadow);background:#fff;border-radius:16px;margin:14px auto 0;padding:8px;display:block}.bn-media{aspect-ratio:16/9;width:100%;box-shadow:var(--shadow);background:#000;border-radius:18px;margin-top:12px;position:relative;overflow:hidden}.bn-media iframe{border:0;width:100%;height:100%;display:block}.bn-media-empty{height:100%;color:var(--terra);justify-content:center;align-items:center;display:flex}.bn-media-empty svg{fill:currentColor;width:40px;height:40px}.bn-media-play{cursor:pointer;color:#fff;background:#0000006b;border:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.bn-media-play svg{fill:currentColor;filter:drop-shadow(0 2px 10px #0000008c);width:44px;height:44px}.bn-media-play:after{content:"Ketuk untuk memutar";letter-spacing:.12em;text-transform:uppercase;font-size:.66rem;position:absolute;bottom:12px}.bn-swatches{gap:12px;margin-top:12px;display:flex}.bn-swatch{width:44px;height:44px;box-shadow:var(--shadow);border-radius:14px}.bn-list{scrollbar-width:none;max-height:40dvh;overflow-y:auto}.bn-list p{border-bottom:1px solid var(--line);color:var(--ink);padding:9px 0;font-size:.92rem}.bn-form{text-align:left;flex-direction:column;gap:11px;margin-top:14px;display:flex}.bn-honeypot{opacity:0;position:absolute;left:-9999px}.bn-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:700}.bn-input{border:1.5px solid var(--line);background:var(--bg);width:100%;color:var(--ink);font-family:var(--sans);border-radius:12px;padding:12px 14px;font-size:.92rem}.bn-input:focus{border-color:var(--frame);outline:none}.bn-radio{gap:18px;font-size:.9rem;display:flex}.bn-radio label{cursor:pointer;align-items:center;gap:6px;display:flex}.bn-radio input{accent-color:var(--frame)}.bn-feedback{text-align:center;min-height:1em;color:var(--muted);font-size:.78rem}.bn-feedback[data-state=ok]{color:var(--sage);font-weight:700}.bn-feedback[data-state=err]{color:#c4584f}.bn-feed{scrollbar-width:none;flex-direction:column;gap:10px;max-height:34dvh;margin-top:14px;display:flex;overflow-y:auto}.bn-wish{background:var(--card);box-shadow:var(--shadow);text-align:left;border-radius:16px;padding:12px 14px}.bn-wish .who{font-size:.88rem;font-weight:700}.bn-wish .msg{color:var(--muted);margin-top:4px;font-size:.86rem;line-height:1.5}.bn-wish .tm{color:var(--muted);opacity:.7;margin-top:5px;font-size:.7rem}.bn-closing{text-align:center;padding:70px 24px 60px}.bn-closing .names{font-family:var(--serif);font-size:clamp(2.6rem,12vw,3.6rem);font-style:italic;line-height:1}.bn-foot{color:var(--muted);margin-top:26px;font-size:.7rem}