@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Great+Vibes&family=Inter:wght@300;400;600&display=swap");:root{--cream:#fffbf2;--red:#9a1b1b;--burgundy:#7a1f2e;--blush:#f4cfc0;--blush2:#f9d8c4;--sage:#8fa88f;--sageDark:#6b8f71;--ivory:#fff8ed;--ink:#3d2e2e;--pink:var(--blush);--blue:var(--sage);--paper:var(--cream);--tiara:var(--sage)}.font-script{font-family:Great Vibes,cursive!important}.font-serif{font-family:Cormorant Garamond,serif!important}.font-sans{font-family:Inter,system-ui!important}.italic{font-style:italic!important}.text-center{text-align:center!important}.tracking-\[0\.35em\]{letter-spacing:.35em!important}.text-6xl{font-size:3.75rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-5xl{font-size:3rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.leading-none{line-height:1!important}.mb-3{margin-bottom:.75rem!important}.mb-2{margin-bottom:.5rem!important}.mb-6{margin-bottom:1.5rem!important}.mt-6{margin-top:1.5rem!important}.mt-2{margin-top:.5rem!important}.mt-4{margin-top:1rem!important}#loader{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:var(--cream);transition:opacity .6s,visibility .6s}#loader.hide{opacity:0;visibility:hidden;pointer-events:none}.loader-card{text-align:center;padding:24px;max-width:320px}.loader-ornament{width:80px;height:80px;margin:0 auto 16px;border:2px solid var(--red);border-top:2px solid transparent;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loader-title{font-family:Great Vibes;font-size:42px;color:var(--red);margin:0}.loader-bar{height:4px;background:#9a1b1b18;border-radius:999px;overflow:hidden;margin:16px 0 8px}.loader-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red),var(--sage));transition:width .3s}.loader-pct{font-size:13px;letter-spacing:.1em;color:var(--red);margin:0}.loader-sub{font-size:11px;letter-spacing:.15em;text-transform:uppercase;opacity:.5;margin:6px 0 0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui;background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased}#petals{position:fixed;inset:0;z-index:60;pointer-events:none}#progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:99;background:linear-gradient(90deg,var(--red),var(--sage));transition:width .1s linear}.stage{display:flex;justify-content:center;background:#f5ede3;padding:0}.phone,.stage{min-height:100vh}.phone{width:100%;max-width:430px;background:var(--cream);position:relative;overflow:clip;box-shadow:0 0 60px rgba(122,31,46,.18);border:1px solid #fff}@media(min-width:500px){.stage{padding:24px}.phone{border-radius:28px;border:1px solid #9a1b1b18}}#cover{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(1000px 600px at 50% 0,#9a1b1b,#7a1f2e 70%,#4a0f18);transition:transform .9s cubic-bezier(.7,0,.3,1),opacity .9s,visibility .9s}#cover.hide{transform:translateY(-110%);opacity:0;visibility:hidden;pointer-events:none}.cover-card{width:100%;max-width:430px;text-align:center;color:var(--ink);background:var(--cream);border:1px solid var(--red);border-radius:28px;padding:28px 20px;position:relative;overflow:hidden}.cover-card:before{content:"";position:absolute;inset:10px;border:1px solid #9a1b1b22;border-radius:22px;pointer-events:none}.flower-corner,.fret{display:none}.cover-card button,.cover-card h1,.cover-card h2,.cover-card p{position:relative;z-index:1}@keyframes sway{0%,to{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(2deg) translateY(-6px)}}.cover-photo{width:196px;height:268px;margin:10px auto;border-radius:999px 999px 22px 22px;overflow:hidden;border:2px solid var(--red);box-shadow:0 20px 60px rgba(0,0,0,.22);position:relative;z-index:1}.cover-photo:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 8px #ffffff22}.cover-photo img,.cover-photo video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cover-photo video{position:absolute;inset:0}.peony-bottom{position:absolute;bottom:0;left:0;right:0;height:92px;pointer-events:none;z-index:1;opacity:.95}.open-btn{margin-top:18px;background:linear-gradient(180deg,var(--red),#7a1f2e);color:#fffbf2;border:0;border-radius:999px;padding:14px 28px;font-weight:700;letter-spacing:.04em;cursor:pointer;box-shadow:0 12px 30px rgba(154,27,27,.35);transition:.2s}.open-btn:active{transform:scale(.96)}.music-btn{position:fixed;right:14px;bottom:14px;z-index:90;width:48px;height:48px;border-radius:50%;border:1px solid var(--red);color:var(--red);background:#fffbf2ee;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:2px;box-shadow:0 8px 20px rgba(0,0,0,.18)}.music-btn.hidden{display:none}.music-btn.off{opacity:.5;filter:grayscale(1)}#musicEq{display:flex;gap:2px;align-items:end;height:14px}#musicEq i{width:3px;background:var(--red);display:block;animation:eq 1s ease-in-out infinite}#musicEq i:nth-child(2){animation-delay:.2s}#musicEq i:nth-child(3){animation-delay:.4s}@keyframes eq{0%,to{height:4px}50%{height:14px}}.hero{position:relative;height:92vh;min-height:620px;overflow:hidden;background:var(--cream)}.hero-img,.hero-video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;animation:kenburns 20s ease-in-out infinite alternate}.hero .scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);background:#fffbf2ee;backdrop-filter:blur(8px);border:1px solid #9a1b1b33;border-radius:999px;padding:10px 18px;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.12)}.title-sec{background:var(--cream);border-top:1px solid #9a1b1b18;position:relative;overflow:hidden}.title-sec:after{content:"";position:absolute;bottom:0;left:0;right:0;height:68px;background:linear-gradient(0deg,rgba(143,168,143,.12),transparent);pointer-events:none}.scroll-cue.hidden{opacity:0;pointer-events:none}.scroll-cue.show{animation:cueIn .8s ease forwards}.scroll-cue i{width:26px;height:26px;border:1px solid var(--red);border-radius:50%;display:grid;place-items:center;color:var(--red);animation:bounce 1.6s infinite;flex-shrink:0}@keyframes cueIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.12)}}.hero-veil{position:absolute;inset:0;background:linear-gradient(0deg,#fffbf2 6%,transparent 42%,rgba(154,27,27,.08))}.hero-text{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:18px 18px 26px;color:var(--ink)}.hero-ornament{width:120px;height:22px;margin:6px auto;opacity:.9;animation:sway 8s ease-in-out infinite}.hero-ornament path{stroke-dasharray:120;stroke-dashoffset:120;animation:draw 1.8s ease .6s forwards}@keyframes draw{to{stroke-dashoffset:0}}.btn-gold{display:inline-block;background:linear-gradient(180deg,var(--red),#7a1f2e);color:#fffbf2;font-weight:700;padding:12px 26px;border-radius:999px;text-decoration:none;margin-top:8px;box-shadow:0 10px 24px rgba(154,27,27,.25)}.btn-ghost{border:1px solid var(--red);color:var(--red);background:#ffffffcc;border-radius:999px;padding:8px 18px;cursor:pointer}.pad{padding:48px 18px}@media(min-width:400px){.pad{padding:56px 22px}}.dark{background:var(--red);color:#fffbf2}.dark .eyebrow{color:#f4cfc0}.eyebrow{text-align:center;letter-spacing:.34em;font-size:10px;color:var(--burgundy);text-transform:uppercase;margin:0 0 12px;font-weight:600}.eyebrow.light{color:#f4cfc0}.gallery-marquee{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:720px;mask:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent);-webkit-mask:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent)}.gallery-col,.gallery-marquee{overflow:hidden;position:relative}.gallery-track{display:flex;flex-direction:column;gap:12px;will-change:transform}.gallery-col.right .gallery-track{margin-top:32px}.frame{position:relative;background:#fff;border-radius:16px;padding:6px;box-shadow:0 10px 24px rgba(122,31,46,.1);border:1px solid #9a1b1b0f;overflow:hidden}.frame img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:10px;display:block;cursor:zoom-in}.frame figcaption{font-family:Cormorant Garamond,serif;font-style:italic;text-align:center;padding:10px 6px 2px;color:#7a1f2e99;font-size:13px}.flower-border{position:absolute;top:-8px;right:-8px;width:72px;height:72px;opacity:.9;animation:sway 6.5s ease-in-out infinite;pointer-events:none}.flower-border.left{left:-8px;right:auto;top:auto;bottom:-8px;transform:rotate(180deg)}.hint{font-size:12px;text-align:center;opacity:.5;margin-top:14px}.couple-grid{display:grid;gap:18px;margin-top:26px}.person{text-align:center;background:#fff;border-radius:20px;padding:16px;box-shadow:0 14px 40px rgba(122,31,46,.12);position:relative;overflow:hidden}.person,.person:before{border:1px solid #9a1b1b14}.person:before{content:"";position:absolute;inset:8px;border-radius:16px;pointer-events:none}.person img{width:100%;height:340px;-o-object-fit:cover;object-fit:cover;border-radius:14px}.person .flower-border{width:62px;height:62px}.parents{font-size:13px;color:#3d2e2e99}.event-list{display:grid;gap:12px;margin:22px 0}.event-card{background:#fffbf2;border:1px solid #fffbf2;border-radius:18px;padding:18px;text-align:center;backdrop-filter:blur(8px);position:relative;box-shadow:0 10px 20px rgba(122,31,46,.08)}.event-card:after{content:"";position:absolute;inset:8px;border:1px solid #9a1b1b18;border-radius:12px;pointer-events:none}.event-card h3{font-family:Great Vibes;font-size:34px;margin:0;color:var(--red)}.pax-note{text-align:center;background:#f4cfc033;border:1px dashed var(--red);border-radius:12px;padding:10px;font-size:13px;margin-bottom:14px;color:var(--red)}.rsvp{display:grid;gap:10px}.rsvp input,.rsvp select,.rsvp textarea{border-radius:12px;border:1px solid #9a1b1b22;padding:12px;font-size:15px;font-family:inherit;background:#fff;width:100%}.rsvp input[readonly]{background:#f5ede3;color:#7a1f2e;font-weight:600;border-color:#9a1b1b33}.yt-wrap{position:relative;border-radius:16px;overflow:hidden;border:1px solid #9a1b1b18;box-shadow:0 12px 30px rgba(122,31,46,.12);aspect-ratio:16/9;background:#000}.yt-wrap iframe{position:absolute;inset:0;width:100%;height:100%}.attend-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px}.attend-btn{padding:14px;border-radius:12px;border:2px solid #9a1b1b22;background:#fff;font-weight:600;cursor:pointer;transition:.25s;color:var(--ink)}.attend-btn.active{border-color:var(--red);background:var(--red);color:#fffbf2;transform:scale(1.02);box-shadow:0 8px 20px rgba(154,27,27,.25)}.attend-btn.active[data-val=tidak]{background:#3d2e2e;border-color:#3d2e2e}.rsvp-submit{position:relative;overflow:hidden;transition:.3s;display:block;width:100%;opacity:1!important;visibility:visible!important}.rsvp-submit:disabled{opacity:.6;cursor:not-allowed}.rsvp-submit .btn-check{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;transform:scale(0);opacity:0;transition:.35s cubic-bezier(.34,1.56,.64,1)}.rsvp-submit.sent{background:#2e7d32!important;color:#fff!important}.rsvp-submit.sent .btn-text{opacity:0;transform:translateY(10px)}.rsvp-submit.sent .btn-check{transform:scale(1);opacity:1}.rsvp-toast{font-size:13px;text-align:center;min-height:18px;color:var(--sage);font-weight:600;opacity:0;transform:translateY(6px);transition:.35s}.rsvp-toast.show{opacity:1;transform:translateY(0)}.wishes{display:grid;gap:8px;margin-top:16px;max-height:300px;overflow:auto}.wish{background:#fff;border-radius:12px;padding:10px 12px;font-size:13px;box-shadow:0 4px 14px rgba(0,0,0,.06);border:1px solid #9a1b1b0f}.wish b{color:var(--red)}.foot{text-align:center;padding:80px 22px 120px;background:var(--cream);position:relative;border-top:1px solid #9a1b1b14}.foot:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:140px;height:1px;background:linear-gradient(90deg,transparent,var(--red),transparent)}.musictitle{font-size:11px;opacity:.45;margin-top:14px}#lightbox{position:fixed;inset:0;z-index:200;background:rgba(45,20,20,.88);display:none;align-items:center;justify-content:center;padding:20px}#lightbox.show{display:flex}#lightbox img{max-width:100%;max-height:85vh;border-radius:12px;border:1px solid #ffffff44;box-shadow:0 20px 60px rgba(0,0,0,.3)}.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid #ffffff66;background:#fffbf2cc;color:var(--red);font-size:26px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px)}.lb-nav.prev{left:12px}.lb-nav.next{right:12px}.lb-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:1px solid #ffffff44;background:#00000022;color:#fff;font-size:22px;cursor:pointer}.lb-count{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);color:#3d2e2e;font-size:12px;letter-spacing:.1em;background:#fffbf2cc;border:1px solid #9a1b1b18;border-radius:999px;padding:6px 12px}.float-slow{animation:floaty 6s ease-in-out infinite}.float-slower{animation:floaty 8s ease-in-out infinite reverse}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.reveal{opacity:0;transform:translateY(28px)}.reveal-line{height:1px;width:0;background:linear-gradient(90deg,transparent,var(--red),transparent);margin:10px auto}.clip-in{clip-path:inset(0 100% 0 0)}