:root{--bg:#f3efe7;--bg-soft:#ebe4d7;--surface:#ffffffbd;--surface-strong:#ffffffe6;--surface-dark:#1f1f1c;--ink:#1f1f1c;--ink-soft:#5d584f;--ink-muted:#7a7469;--line:#3a342c1f;--line-strong:#3a342c38;--accent:#6f7b5d;--accent-strong:#4f5b42;--accent-soft:#dfe4d7;--highlight:#b38b67;--shadow:0 22px 60px #1c18121f;--shadow-strong:0 28px 80px #1c181229;--r-xl:32px;--r-lg:24px;--r-md:18px;--r-sm:14px}*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 0 0,#b38b6724,#0000 28%),radial-gradient(circle at 100% 0,#6f7b5d24,#0000 32%),linear-gradient(#ffffff59,#fff0),linear-gradient(#f7f4ee 0%,#f1ece2 48%,#ebe5da 100%);margin:0;font-family:Manrope,sans-serif;line-height:1.65;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.24;background:url(/contour-lines.svg) top/cover no-repeat,linear-gradient(#ffffff57 1px,#0000 1px) 0 0/56px 56px,linear-gradient(90deg,#fff3 1px,#0000 1px) 0 0/56px 56px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#00000040);mask-image:linear-gradient(#000000e6,#00000040)}h1,h2,h3{color:var(--ink);letter-spacing:.01em;margin:0;font-family:Cormorant Garamond,serif;font-weight:600}p{margin:.45rem 0}a{color:var(--ink);text-decoration:none}a:hover{text-decoration:none}button,input,textarea,select{font:inherit}main{justify-content:center;align-items:center;min-height:100vh;padding:24px 0;display:flex}.container{max-width:560px;margin:0 auto;padding:0 18px}.section-shell{padding:28px 16px}#hero,#sec-mempelai,#sec-acara,#sec-lokasi,#sec-rsvp,#sec-ucapan{scroll-margin-top:22px}.card{border-radius:var(--r-xl);border:1px solid var(--line);width:560px;max-width:560px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;background:linear-gradient(#ffffffc7,#ffffff9e),linear-gradient(135deg,#6f7b5d14,#b38b670a);margin:18px auto;padding:30px 24px;transition:opacity .7s,transform .7s,box-shadow .35s,border-color .35s;position:relative;overflow:hidden;transform:translateY(26px)}.card:before{content:"";pointer-events:none;background:linear-gradient(130deg,#ffffff61,#0000 28%),radial-gradient(circle at 100% 0,#6f7b5d1f,#0000 26%);position:absolute;inset:0}.card>*{z-index:1;position:relative}.card.active{opacity:1;transform:translateY(0)}.card.active:hover{box-shadow:var(--shadow-strong);border-color:var(--line-strong);transform:translateY(-3px)}.card:not(.hero-card) p{color:var(--ink-soft);font-size:15px}.reveal.active{animation:.7s cubic-bezier(.2,.8,.2,1) both revealIn}.center{text-align:center}.muted{color:var(--ink-muted)}.small{font-size:12px}.divider{border:0;border-top:1px solid var(--line);width:72%;margin:22px auto}.hero{justify-content:center;align-items:center;min-height:100vh;padding:28px 0 18px;display:flex}.hero .container{width:100%;max-width:680px}.hero-card{background:radial-gradient(circle at 0 0,#b38b6724,#0000 24%),linear-gradient(165deg,#3d3e38d1 0%,#1b1b19f0 54%,#121211fa 100%);border:1px solid #ffffff14;border-radius:40px;width:100%;min-height:clamp(420px,70vh,620px);padding:34px 28px;position:relative;overflow:hidden;box-shadow:0 26px 72px #11100e38}.hero-card:before{content:"";opacity:.18;pointer-events:none;background:url(/hero-orbit.svg) 50%/contain no-repeat;width:340px;height:340px;position:absolute;inset:auto -70px -100px auto}.hero-card:after{content:"";pointer-events:none;border:1px solid #ffffff0f;border-radius:28px;position:absolute;inset:18px}.hero-card .hero-botanical{opacity:.28;pointer-events:none;background:url(/botanical-corner.svg) 50%/contain no-repeat;width:170px;height:170px;position:absolute;top:-8px;left:-18px}.hero-inner{z-index:2;width:100%;max-width:520px;margin:0 auto;position:relative}.hero-inner>*{opacity:0;animation:.85s forwards heroIn;transform:translateY(10px)}.hero-inner>:first-child{animation-delay:50ms}.hero-copy{flex-direction:column;justify-content:center;min-height:100%;display:flex}.hero-minimal{text-align:center}.hero-badge{letter-spacing:.24em;text-transform:uppercase;color:#fff8ecd6;margin:0 auto 18px;padding:0;font-size:11px;display:inline-block}.hero-kicker{letter-spacing:.24em;text-transform:uppercase;color:#fff9f18a;margin:0 0 8px;font-size:12px}.hero-title{color:#fff9f1;text-shadow:0 12px 32px #0003;flex-direction:column;gap:2px;margin:0 0 14px;font-size:clamp(3.25rem,8vw,5rem);line-height:.88;display:flex}.hero-ampersand{color:#ffefdbc2;font-size:.8em}.hero-date{letter-spacing:.16em;text-transform:uppercase;color:#fff9f1b3;margin-bottom:22px;font-size:.95rem;font-weight:600}.hero-guest{border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;flex-direction:column;align-items:center;gap:6px;max-width:320px;margin:0 auto 22px;padding:16px 18px;display:flex}.hero-guest-label{letter-spacing:.24em;text-transform:uppercase;color:#fff9f18f;font-size:10px}.hero-intro{color:#fff9f1b3;max-width:420px;margin:0 auto;font-size:14px}#guestName{color:#fff9f1;margin:0;font-size:1.35rem;display:block}.btn{background:linear-gradient(135deg, var(--accent-strong), var(--accent));color:#fffdf8;letter-spacing:.02em;cursor:pointer;border:none;border-radius:999px;width:100%;padding:13px 18px;font-weight:700;transition:transform .18s,background .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 14px 32px #4f5b4233}.btn:hover{background:linear-gradient(135deg,#5d694e,#748164);transform:translateY(-1px)}.btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-row{justify-content:center;gap:8px;max-width:400px;margin:24px auto 0;display:flex}.btn-row .btn{width:100%;min-width:0}.hero .btn-row{gap:8px;max-width:340px}.hero .btn-row .btn{white-space:nowrap;line-height:1.1}.btn-secondary{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:#ffffff7a}.btn-secondary:hover{background:#ffffffb3}.btn-whatsapp{box-shadow:none;background:linear-gradient(135deg,#2f8f52,#25d366);border-radius:16px}#content[hidden]{display:none!important}.section-title{letter-spacing:.01em;margin-bottom:10px;font-size:2.35rem}.section-title-spaced{margin-top:10px}.section-copy{max-width:420px;color:var(--ink-soft);margin:0 auto 14px}.pill{width:fit-content;color:var(--accent-strong);letter-spacing:.18em;text-transform:uppercase;background:#6f7b5d17;border:1px solid #6f7b5d24;border-radius:999px;justify-content:center;align-items:center;margin:0 auto;padding:7px 13px;font-size:11px;font-weight:800;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.couple-grid{gap:14px;margin-top:16px;display:grid}.person-card{border:1px solid var(--line);background:#ffffff6b;border-radius:24px;padding:20px 18px;box-shadow:inset 0 1px #ffffff73}.person-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:10px;font-size:11px;font-weight:800}.person-name{color:var(--ink);font-family:Cormorant Garamond,serif;font-size:2.1rem;font-weight:600;line-height:1}.person-full{letter-spacing:.02em;color:var(--ink);margin:4px 0 0;font-weight:700}.and-mark{color:var(--highlight);margin:4px 0;font-family:Cormorant Garamond,serif;font-size:42px}.event-stack{gap:14px;margin-top:10px;display:grid}.event-panel,.venue-card,.quote-panel{border:1px solid var(--line);background:#ffffff6b;border-radius:24px;padding:20px 18px}.event-kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:8px;font-size:11px;font-weight:800}.event-title{color:var(--ink);font-size:1.6rem}.event-date{color:var(--ink);letter-spacing:.02em;font-weight:800}.event-meta-list{gap:10px;display:grid}.schedule-item{border:1px solid var(--line);background:#fff9;border-radius:18px;padding:12px 14px}.schedule-label{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:4px;font-size:11px;font-weight:800;display:block}.map-preview{border-radius:var(--r-lg);border:1px solid var(--line);margin-top:14px;display:block;position:relative;overflow:hidden;box-shadow:0 18px 44px #1c181226}.map-preview img{object-fit:cover;filter:saturate(.82)contrast(1.02);width:100%;height:220px;transition:transform .6s,filter .35s;display:block}.map-preview:hover img{filter:saturate(.92)contrast(1.04);transform:scale(1.03)}.map-overlay{color:#fff9f1;text-align:center;letter-spacing:.03em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#1414120a,#141412d1);width:100%;padding:12px;font-size:12px;font-weight:700;position:absolute;bottom:0}.venue-card{margin-top:14px}.venue-label{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:6px;font-size:11px;font-weight:800}.travel-note,.rsvp-note,.wish-guide{border:1px solid var(--line);background:#ffffff8a;border-radius:20px;margin-top:14px;padding:16px 18px}.travel-note-label,.wish-guide-label{letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong);margin-bottom:6px;font-size:11px;font-weight:800;display:block}.amplop{border-radius:var(--r-md);border:1px dashed var(--line-strong);background:#ffffff7a;margin-top:14px;padding:16px}.amplop-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.mono{letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:800}.copy-btn{width:100%;box-shadow:none;border-radius:14px;margin-top:10px;padding:10px 14px}details{text-align:left;border:1px solid var(--line);border-radius:var(--r-md);background:#ffffff6b;padding:12px}details>summary{cursor:pointer;color:var(--ink);font-weight:800;list-style:none}details>summary::-webkit-details-marker{display:none}.wish-shell,.wish-form-spaced{margin-top:18px}.quote-panel{text-align:center;color:var(--ink);margin-bottom:14px;font-family:Cormorant Garamond,serif;font-size:1.5rem}.wish-guide{text-align:left}.wish-form input,.wish-form select,.wish-form textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffffb8;border-radius:16px;outline:none;margin:10px 0 0;padding:12px 14px;font-size:14px}.wish-form textarea{resize:vertical;min-height:120px}.wish-form input:focus,.wish-form select:focus,.wish-form textarea:focus{border-color:#6f7b5d7a;box-shadow:0 0 0 4px #6f7b5d1f}.wish-result{border-left:3px solid var(--accent);border:1px solid var(--line);background:#ffffffad;border-radius:16px;margin-top:14px;padding:16px;font-size:14px;font-style:italic;display:none;position:relative}.wish-result-visible{display:block}.wish-text{white-space:pre-line;padding-right:72px}.wish-result button{border-radius:999px;width:auto;margin:0;padding:6px 10px;font-size:10px;position:absolute;top:10px;right:10px}.full-link{width:100%}.no-underline{text-decoration:none}.btn-link{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.rsvp-actions{margin-top:6px}footer{text-align:center;opacity:.85;margin:30px 0 60px;padding-bottom:20px;font-size:13px}.site-footer{border-top:1px solid var(--line);text-align:center;width:min(560px,100% - 36px);margin:12px auto 96px;padding:26px 24px}.footer-monogram{letter-spacing:.18em;color:var(--ink);padding-left:.18em;font-family:Cormorant Garamond,serif;font-size:1.8rem}.footer-title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin-top:6px;font-size:14px;font-weight:800}.footer-copy{color:var(--ink-muted);margin-top:4px}.quicknav{z-index:999;pointer-events:none;justify-content:center;padding:0 12px;display:flex;position:fixed;bottom:12px;left:0;right:0}.quicknav-inner{pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#201f1cd6;border:1px solid #ffffff14;border-radius:28px;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:min(420px,100%);padding:8px;display:grid;box-shadow:0 18px 42px #12100d3d}.qbtn{color:#fff9f1b3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:18px;justify-content:center;align-items:center;padding:10px 4px;transition:background .18s,color .18s,transform .18s,box-shadow .18s;display:flex;position:relative}.qbtn:focus{outline:none}.qbtn:not(.primary):focus-visible{color:#fff9f1;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1f}.qbtn-icon{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.qbtn-icon svg{width:18px;height:18px}.qbtn-icon path{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.qbtn.primary{color:#fff9f1;background:linear-gradient(135deg,#ffffff42,#b38b672e);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff29,0 10px 22px #0000002e}.qbtn.primary .qbtn-icon{transform:scale(1.08)}.qbtn[aria-current=page]:after{content:"";background:var(--accent);border-radius:999px;width:4px;height:4px;position:absolute;bottom:5px;left:50%;transform:translate(-50%);box-shadow:0 0 0 4px #6f7b5d29}@media (hover:hover) and (pointer:fine){.qbtn:not(.primary):hover{color:#fff9f1e6;background:#ffffff14;transform:translateY(-1px)}}@media (hover:none){.qbtn:hover{color:#fff9f1b3;box-shadow:none;background:0 0;transform:none}.qbtn.primary:hover{color:#fff9f1;background:linear-gradient(135deg,#ffffff42,#b38b672e);transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff29,0 10px 22px #0000002e}}.music-toggle{z-index:1000;color:#fff9f1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#1f1f1ccc;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex;position:fixed;top:14px;right:14px;box-shadow:0 10px 22px #12100d2e}.chat-btn{background:linear-gradient(135deg, var(--accent-strong), var(--accent));color:#fff;z-index:1000;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:58px;height:58px;font-size:24px;transition:transform .25s;display:flex;position:fixed;bottom:80px;right:16px;box-shadow:0 12px 30px #1c181238}.chat-btn:hover{transform:scale(1.04)}.chat-window{border-radius:var(--r-lg);z-index:1000;border:1px solid var(--line);background:#fffffff0;flex-direction:column;width:min(340px,100vw - 32px);height:420px;animation:.25s slideUp;display:none;position:fixed;bottom:144px;right:16px;overflow:hidden;box-shadow:0 18px 50px #1c181233}.chat-header{background:linear-gradient(135deg, var(--accent-strong), var(--accent));color:#fff;justify-content:space-between;align-items:center;padding:14px;display:flex}.chat-header h3{color:#fff;margin:0;font-family:inherit;font-size:15px}.close-chat{color:#fff;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:22px;line-height:1}.chat-body{background:linear-gradient(#f4f0e7,#ece6d9);flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow-y:auto}.msg{border:1px solid var(--line);border-radius:14px;max-width:82%;padding:10px 12px;font-size:13px;line-height:1.45}.msg.bot{background:#f9f6ef;border-top-left-radius:4px;align-self:flex-start}.msg.user{background:#e5ebdf;border-top-right-radius:4px;align-self:flex-end}.chat-input-area{border-top:1px solid var(--line);background:#f9f6ef;gap:6px;padding:10px;display:flex}.chat-input-area input{border:1px solid var(--line);border-radius:999px;outline:none;flex:1;padding:10px 12px}.chat-input-area input:focus{border-color:#6f7b5d7a;box-shadow:0 0 0 3px #6f7b5d1f}.chat-input-area button{background:linear-gradient(135deg, var(--accent-strong), var(--accent));color:#fff;cursor:pointer;border:none;border-radius:999px;width:44px;font-weight:800}.typing{border:1px solid var(--line);background:#f9f6ef;border-radius:14px;align-self:flex-start;gap:4px;width:fit-content;padding:10px 12px;display:flex}.dot{background:var(--highlight);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both bounce}@keyframes revealIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes heroIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=560px){.container{padding:0 14px}.card{border-radius:26px;width:100%;max-width:100%;margin:14px auto;padding:24px 18px}.hero-card{border-radius:28px;min-height:clamp(400px,62vh,540px);padding:24px 18px}.hero-card:before{width:260px;height:260px;inset:auto -90px -130px auto}.hero-card .hero-botanical{width:118px;height:118px;top:-4px;left:-10px}.site-footer{margin-bottom:88px;padding-left:18px;padding-right:18px}.hero-card:after{border-radius:22px;inset:12px}.hero-inner{max-width:460px}.hero-copy{text-align:center}.hero-intro{max-width:460px;margin:0 auto}.btn-row{gap:8px;max-width:100%;margin-top:16px}.btn-row .btn{padding:12px;font-size:13px}.hero .btn-row{max-width:320px}.hero .btn-row .btn{white-space:nowrap}.grid2{grid-template-columns:1fr}.map-preview img{height:190px}.quicknav{bottom:8px}.quicknav-inner{gap:8px;padding:9px}.qbtn{padding:9px 6px}.qbtn-icon,.qbtn-icon svg{width:16px;height:16px}}@media (width<=420px){.hero-title{font-size:2.75rem}.hero-date{font-size:.88rem}.hero-card{min-height:clamp(380px,58vh,500px)}.hero-guest{max-width:100%;margin-bottom:18px;padding:14px 10px}.hero-intro{margin-bottom:18px}.btn{padding:12px 14px}.hero .btn-row{max-width:300px}.hero .btn-row .btn{white-space:nowrap}.music-toggle{width:40px;height:40px;font-size:16px}.chat-btn{width:52px;height:52px;font-size:22px}.section-title{font-size:2rem}.quicknav-inner{gap:6px;padding:8px}.qbtn{padding:10px 4px}.qbtn-icon,.qbtn-icon svg{width:18px;height:18px}}@media (width<=360px){.hero-card{min-height:clamp(360px,56vh,470px);padding:20px 14px}.card{padding:22px 14px}.section-title{font-size:1.8rem}.hero-badge{font-size:10px}.hero-kicker{font-size:11px}.btn-row .btn{font-size:12px}.hero .btn-row .btn{padding:10px 8px;font-size:11px}.quicknav-inner{gap:5px;padding:7px}.qbtn{padding:9px 2px}}@media (prefers-reduced-motion:reduce){.card{transition:none}.card.active:hover{box-shadow:var(--shadow);transform:none}.reveal.active{animation:none}.hero-inner>*{opacity:1;animation:none;transform:none}.chat-window,.dot{animation:none}button,.btn,.qbtn{transition:none}}