@import"https://fonts.googleapis.com/css2?family=Viaoda+Libre&display=swap";:root{color:#342717;background:#f8f3ea;font-family:Cormorant Garamond,Georgia,Times New Roman,serif;--gold: #c1813b;--olive: #8c8d58;--ink: #2c261e;--cream: #fbf7ee;--line: rgba(193, 129, 59, .28)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.9),transparent 32rem),radial-gradient(circle at 90% 28%,rgba(216,186,133,.22),transparent 24rem),linear-gradient(90deg,rgba(193,129,59,.18) 0 1px,transparent 1px calc(100% - 1px),rgba(193,129,59,.18) calc(100% - 1px)),#f8f3ea}body.locked{overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}.cover{position:fixed;inset:0;z-index:20;display:grid;place-items:center;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.96),transparent 23rem),radial-gradient(circle at 50% 78%,rgba(214,156,86,.16),transparent 24rem),repeating-radial-gradient(circle at 50% 20%,transparent 0 58px,rgba(183,155,101,.045) 59px 61px),linear-gradient(135deg,#f6eddf,#fffaf2 46%,#efe0cc);transition:opacity 1s ease,transform 1.1s cubic-bezier(.22,1,.36,1),visibility 1s ease}.cover-opened{visibility:hidden;opacity:0;transform:translateY(-8vh) scale(1.04);pointer-events:none}.cover:before,.cover:after{position:absolute;z-index:0;width:min(92vw,720px);height:min(56vw,420px);border:1px solid rgba(193,129,59,.34);content:"";transform:rotate(45deg)}.cover:after{transform:rotate(-45deg)}.floral-art{position:absolute;z-index:1;width:min(58vw,520px);aspect-ratio:3 / 2;background:url(/assets/floral-corner.jpg) center / contain no-repeat;filter:drop-shadow(0 24px 32px rgba(97,54,18,.1));-webkit-mask-image:radial-gradient(ellipse at 16% 18%,#000 0 32%,rgba(0,0,0,.76) 48%,transparent 73%);mask-image:radial-gradient(ellipse at 16% 18%,#000 0 32%,rgba(0,0,0,.76) 48%,transparent 73%);mix-blend-mode:multiply;pointer-events:none}.cover-floral-top{top:-32px;left:-58px;width:min(68vw,660px);transform:rotate(-5deg);opacity:.88}.cover-floral-bottom{right:-72px;bottom:-54px;width:min(64vw,620px);transform:rotate(180deg);opacity:.86}.envelope{overflow:hidden;border-radius:14px;position:relative;z-index:2;display:grid;width:min(580px,calc(100vw - 34px));min-height:470px;place-items:center;align-content:center;gap:20px;padding:clamp(30px,6vw,54px);border:1px solid rgba(193,129,59,.38);background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.98),transparent 18rem),linear-gradient(135deg,#ffffffe6,#fff7ebf5),#fffaf2fa;box-shadow:0 38px 100px #432a102e,inset 0 0 0 10px #ffffff61;text-align:center;animation:floatIn .7s ease both}.envelope:before,.envelope:after{content:"";background:url(/assets/hoa.webp);background-size:contain;background-repeat:no-repeat;position:absolute;width:120px;height:120px;opacity:.7}.envelope:before{top:-30px;left:-30px}.envelope:after{right:-30px;bottom:-30px;transform:rotate(180deg)}.envelope-border{inset:0;background:linear-gradient(90deg,transparent 0 44%,rgba(193,129,59,.36) 44% 56%,transparent 56%) top center / 210px 1px no-repeat,linear-gradient(90deg,transparent 0 44%,rgba(193,129,59,.36) 44% 56%,transparent 56%) bottom center / 210px 1px no-repeat}.cover-kicker{color:#a8642d;font-size:clamp(13px,2vw,16px);font-weight:700;letter-spacing:.14em;line-height:1.35;text-transform:uppercase}.envelope h1{display:grid;gap:8px;max-width:500px;margin:0;color:#a9652b;text-shadow:0 1px 0 rgba(255,255,255,.95),0 10px 28px rgba(154,91,34,.14);font-family:Viaoda Libre;font-size:clamp(26px,7vw,56px);font-weight:400;line-height:.88}.envelope h1 span{display:block}.envelope h1 em{color:#74773f;font-size:clamp(14px,5vw,26px);font-style:italic;font-weight:500;line-height:.8}.envelope p{margin:0;color:#74773f;font-size:clamp(16px,2.4vw,20px);text-wrap:balance}.envelope button,.gold-button,.confirm-button{min-height:44px;border:0;border-radius:999px;padding:0 28px;background:linear-gradient(180deg,#cd8a43,#b87531);box-shadow:0 13px 24px #a35f2338;color:#fff;font-weight:700;letter-spacing:0;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease}.envelope button{margin-top:6px;min-width:190px}.envelope button:hover,.gold-button:hover,.confirm-button:hover{transform:translateY(-2px);box-shadow:0 18px 34px #a35f2347}.invite{min-height:100vh;opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.invite.is-open{opacity:1;transform:none}.hero,.event-section,.guestbook,.venue{position:relative;width:min(900px,100%);min-height:50vh;margin:0 auto;overflow:hidden;border-inline:1px solid var(--line);padding:clamp(56px,9vw,86px) clamp(18px,5vw,72px)}.hero:before,.event-section:before,.guestbook:before,.venue:before{background:url(/assets/bg.webp) center / cover repeat;opacity:.09;position:absolute;inset:0;content:"";width:100%;height:100%;z-index:0}.tru-img{pointer-events:none;position:absolute;top:-7.5%;height:115%;left:-12px;width:auto;object-fit:contain;z-index:0;max-width:none;transform:translate(-50%)}.tru-img-container{padding:20px;display:flex;flex-direction:column;row-gap:20px;margin-bottom:50px}.tru-img.right{pointer-events:none;position:absolute;top:-7.5%;height:115%;left:auto;right:-12px;width:auto;object-fit:contain;z-index:0;max-width:none;transform:translate(50%) scaleX(-1)}@media(min-width:768px){.tru-img{left:-24px;transform:translate(-100%)}.tru-img.right{transform:translate(100%)}}.hero-floral{top:-30px;right:-118px;width:min(48vw,460px);transform:rotate(105deg);opacity:.58}.section-reveal>*{animation:rise .85s ease both}.hero{display:grid;place-items:center;text-align:center}.side-column{position:absolute;top:-30px;bottom:64%;width:54px;border:1px solid rgba(193,129,59,.24);background:linear-gradient(90deg,#9f714614,#ffffffb3,#9f71461a);box-shadow:inset 0 0 18px #7a4d231f}.left-column{left:22px}.right-column{right:22px}.hero-content{position:relative;z-index:1;width:min(560px,100%);display:flex;flex-direction:column;row-gap:25px}.hero-content .frame{min-height:680px;background:url(/assets/khung.webp) center center / contain no-repeat;display:flex;flex-direction:column;justify-content:center}.small-caps.aya{letter-spacing:0!important}.small-caps,.section-heading .small-caps{display:block;color:var(--gold);font-size:clamp(14px,2.4vw,19px);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero h2{margin:12px 0 0;color:var(--gold);font-family:Viaoda Libre;font-size:clamp(18px,10vw,52px);font-weight:400;line-height:.92}.ampersand{margin:6px 0 -2px;color:var(--olive);font-size:clamp(28px,7vw,46px);font-style:italic}.hero p,.section-heading p{color:var(--olive);font-size:18px}.section-heading{text-align:center}.section-heading h2{margin:12px 0;color:var(--gold);font-size:clamp(26px,4vw,34px);letter-spacing:.08em;text-transform:uppercase}.event-section{display:grid;align-content:start;justify-items:center;gap:24px;text-align:center}.event-section .section-heading h2{color:var(--olive);font-size:clamp(30px,6vw,42px);letter-spacing:0;text-transform:none}.date-line{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;color:var(--olive);text-transform:uppercase}.date-line strong{padding:0 24px;border-inline:1px solid var(--olive);font-size:clamp(38px,8vw,58px);font-weight:500;line-height:1}.event-year{margin:-8px 0 0;color:var(--olive);font-size:30px}.countdown h3,.calendar-frame h3{margin:0 0 12px;color:var(--gold);font-size:18px;letter-spacing:.08em;text-transform:uppercase}.countdown p{margin:0;color:var(--olive);font-size:18px}.calendar-frame{position:relative;width:min(430px,100%);margin-top:18px;border:1px solid var(--line);border-radius:4px;padding:46px 38px 38px;background:#fffcf7ad;color:var(--olive)}.calendar-frame:before,.calendar-frame:after{position:absolute;width:54px;height:54px;border-color:#c1813b80;content:""}.calendar-frame:before{top:12px;left:12px;border-top:2px solid;border-left:2px solid;border-top-left-radius:28px}.calendar-frame:after{right:12px;bottom:12px;border-right:2px solid;border-bottom:2px solid;border-bottom-right-radius:28px}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;font-size:14px}.weekdays{border-bottom:1px solid rgba(193,129,59,.45);padding-bottom:10px}.calendar-grid{padding-top:14px}.calendar-grid span{display:grid;min-height:24px;place-items:center}.selected-day{justify-self:center;width:32px;height:32px;background:url(/assets/heart.png) center / contain no-repeat;color:#fff}.calendar-link{color:var(--olive);font-size:17px;text-underline-offset:4px}.guestbook{display:grid;align-content:center;gap:28px}.guestbook-floral{top:0;left:-90px;width:min(56vw,520px);opacity:.66}.wish-form{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:16px;width:min(600px,100%);margin:0 auto;border:1px solid var(--line);border-radius:14px;padding:22px;background:#fffcf77a}.wish-form input,.wish-form textarea,.rsvp-modal input,.rsvp-modal textarea{width:100%;border:1px solid rgba(193,129,59,.36);border-radius:8px;padding:14px 16px;background:#fff9;color:var(--ink);outline:none}.wish-form input,.wish-form textarea{grid-column:1 / -1}.wish-form textarea{min-height:106px;resize:vertical}.wish-form .gold-button{justify-self:end;min-width:145px}.form-notice,.gift-line{margin:0;color:var(--olive);text-align:center}.form-notice.error,.modal-notice.error{color:#a33a2c}.form-notice.success,.modal-notice.success{color:#1b7f52}.gift-line{color:var(--gold);font-size:19px}.venue{display:grid;min-height:88vh;align-content:center;justify-items:center;gap:26px}.venue-floral{right:-96px;bottom:-34px;width:min(50vw,500px);transform:rotate(180deg);opacity:.62}.map-card{width:min(560px,100%);overflow:hidden;border-radius:14px;aspect-ratio:16 / 10;box-shadow:0 22px 54px #553c1b21}.map-card iframe{display:block;width:100%;height:100%;border:0}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:18px;background:#191816a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .24s ease both}.rsvp-modal{position:relative;display:grid;gap:16px;width:min(448px,100%);max-height:calc(100vh - 36px);overflow:auto;border-radius:15px;padding:32px 24px 24px;background:#fff;box-shadow:0 30px 90px #00000047;font-family:Inter,ui-sans-serif,system-ui,sans-serif;animation:modalIn .32s cubic-bezier(.22,1,.36,1) both}.rsvp-modal h2,.rsvp-modal p{margin:0}.rsvp-modal h2{color:#111827;font-size:22px}.rsvp-modal p{color:#8791a3;font-size:14px;line-height:1.55}.rsvp-modal label,.rsvp-modal legend,.counter-row span{color:#374151;font-size:14px;font-weight:700}.rsvp-modal label{display:grid;gap:8px}.rsvp-modal textarea{min-height:82px;resize:vertical}.close-button{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:#f1f5f9;color:#64748b;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:18px}.rsvp-modal fieldset{display:grid;gap:10px;margin:0;border:0;padding:0}.choice{display:flex;min-height:54px;align-items:center;gap:12px;border:1px solid #e5e7eb;border-radius:12px;padding:0 14px;background:#fff;color:#374151;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:700}.choice span,.counter button{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#eef2f7;color:#7c8798}.choice.selected{border-color:#04be84;background:#eefbf6;color:#057852}.choice.selected span{background:#04be84;color:#fff}.counter-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.counter{display:flex;align-items:center;gap:18px}.counter button{border:1px solid #dbe2ec;background:#fff;color:#64748b}.counter strong{min-width:18px;color:#111827;font-family:Inter,ui-sans-serif,system-ui,sans-serif;text-align:center}.confirm-button{width:100%;border-radius:10px;text-transform:none}.confirm-button:disabled,.gold-button:disabled{cursor:wait;opacity:.68}.modal-notice{text-align:center}@keyframes floatIn{0%{opacity:.35;transform:translateY(24px) scale(.98)}}@keyframes rise{0%{opacity:0;transform:translateY(28px)}}@keyframes fadeIn{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.96)}}@media(max-width:680px){.hero-content .frame{min-height:500px}.cover{align-items:center;padding:24px 10px;background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.94),transparent 18rem),radial-gradient(circle at 50% 79%,rgba(214,156,86,.2),transparent 18rem),repeating-radial-gradient(circle at 50% 20%,transparent 0 45px,rgba(183,155,101,.052) 46px 48px),linear-gradient(135deg,#f5ebdc,#fff9f0 48%,#ead7bd)}.cover:before,.cover:after{width:96vw;height:96vw;opacity:.82}.cover:before{transform:translateY(-42px) rotate(45deg)}.cover:after{transform:translateY(46px) rotate(-45deg)}.cover-floral-top{top:-18px;left:-70px;width:285px;opacity:.94}.cover-floral-bottom{right:-76px;bottom:-16px;width:300px;opacity:.92}.cover-floral{-webkit-mask-image:radial-gradient(ellipse at 15% 17%,#000 0 30%,rgba(0,0,0,.7) 45%,transparent 64%);mask-image:radial-gradient(ellipse at 15% 17%,#000 0 30%,rgba(0,0,0,.7) 45%,transparent 64%)}.envelope{width:min(380px,calc(100vw - 34px));min-height:432px;gap:16px;padding:48px 22px;transform:translateY(28px);background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.98),transparent 13rem),linear-gradient(135deg,#ffffffeb,#fff8edf5),#fffaf2fa}.envelope h1{font-size:clamp(24px,16vw,48px);gap:14px}.hero,.event-section,.guestbook,.venue{min-height:50svh;border-inline:0;padding:78px 18px}.hero{min-height:50svh;padding-top:100px;padding-bottom:50px}.event-section{gap:20px;min-height:50svh;padding-top:50px;padding-bottom:96px}.guestbook,.venue{padding-top:88px;padding-bottom:96px}.side-column{width:32px}.date-line{gap:10px;font-size:13px}.date-line strong{padding:0 14px}.calendar-frame{padding-inline:20px}.weekdays,.calendar-grid{gap:8px}.wish-form{grid-template-columns:1fr}.wish-form .gold-button{grid-column:auto;width:100%}.counter-row{align-items:flex-start;flex-direction:column}}