@import "https://fonts.googleapis.com/css2?family=Bad+Script&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&family=Montserrat:wght@300;400;500&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}body{color:#604a38;background:#f4eee5;width:100%;min-width:100%;margin:0;font-family:Montserrat,sans-serif;overflow-x:hidden}img,video,canvas{max-width:100%;display:block}button,input,textarea,select{font:inherit}.app{width:100%;min-height:100vh;position:relative;overflow-x:clip}.background{z-index:0;pointer-events:none;will-change:auto;background:#f4eee5;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden;animation:none!important;transform:none!important}.background-image{object-fit:cover;object-position:center center;pointer-events:none;-webkit-user-select:none;user-select:none;backface-visibility:hidden;width:100%;max-width:none;height:100%;position:absolute;inset:0;transform:translateZ(0)}.website{z-index:2;width:100%;position:relative;overflow-x:clip}.section{text-align:center;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding-left:16px;padding-right:16px;display:flex;position:relative;overflow:hidden}.section-eyebrow{letter-spacing:4px;color:#90755c;margin-bottom:15px;font-family:Montserrat,sans-serif;font-size:8px;font-weight:400}.elegant-title{color:#5c4635;letter-spacing:0!important;font-family:Cormorant Garamond,Georgia,serif!important;font-style:italic!important;font-weight:500!important}.heart-divider{justify-content:center;align-items:center;gap:12px;width:100%;margin:25px auto 34px;display:flex}.heart-divider span{background:linear-gradient(90deg,#0000,#b4894fe6);flex-shrink:0;width:62px;height:1px}.heart-divider span:last-child{background:linear-gradient(270deg,#0000,#b4894fe6)}.heart-divider img{object-fit:contain;flex-shrink:0;width:23px;height:23px}.heart-divider.small{min-height:45px;margin:18px auto}.heart-divider.small span{width:48px}.heart-divider.small img{width:24px;height:24px}.hero{padding-top:40px;padding-bottom:40px}.hero-content{width:100%;max-width:500px;transform:translateY(10vh)}.names{color:#5c4533;flex-direction:column;align-items:center;font-family:Bad Script,cursive;font-weight:400;display:flex}.name{font-size:clamp(72px,15vw,115px);line-height:1}.and{color:#ae8450;margin:46px 0;font-family:Cormorant Garamond,serif;font-size:31px;font-style:italic}.hero .heart-divider{margin-top:52px;margin-bottom:20px}.date{letter-spacing:6px;color:#6d5540;font-family:Cormorant Garamond,serif;font-size:21px}.scroll-indicator{letter-spacing:4px;color:#8d755f;flex-direction:column;align-items:center;gap:10px;margin-top:52px;font-size:7px;display:flex}.scroll-line{background:linear-gradient(#ad8959,#0000);width:1px;height:34px;animation:1.8s ease-in-out infinite scrollAnimation}@keyframes scrollAnimation{0%{opacity:.3;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}to{opacity:.3;transform:scaleY(.4)}}.story-section{align-items:flex-start;padding-top:13vh;padding-bottom:10vh}.story-content{width:100%;max-width:500px}.story-small{letter-spacing:4px;color:#98795a;margin-bottom:10px;font-size:8px}.story-title{font-size:clamp(39px,9vw,54px);line-height:1.05}.story-content>.heart-divider{margin-top:20px;margin-bottom:26px}.story-video-wrap{justify-content:center;width:100%;display:flex}.video-frame{aspect-ratio:.67;width:min(84vw,345px);margin:0 auto;position:relative}.video-oval{z-index:1;border-radius:50%;width:84.8%;height:86.4%;position:absolute;top:5.9%;left:7.6%;overflow:hidden}.video-oval video{object-fit:cover;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.video-oval video::-webkit-media-controls{display:none!important}.scratch-wrap{z-index:2;touch-action:none;border-radius:50%;width:84.8%;height:86.4%;position:absolute;top:5.9%;left:7.6%;overflow:hidden}.scratch-canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.scratch-label{color:#fffaf0;pointer-events:none;width:78%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scratch-label span{letter-spacing:4px;font-family:Montserrat,sans-serif;font-size:11px;display:block}.scratch-label small{margin-top:8px;font-family:Cormorant Garamond,serif;font-size:17px;font-style:italic;line-height:1.2;display:block}.frame-image{object-fit:contain;z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.calendar-section{padding-top:90px;padding-bottom:90px}.calendar-content{width:100%;max-width:430px}.calendar-heading{font-size:clamp(39px,9vw,54px);line-height:1.05}.calendar-image{object-fit:contain;width:min(90vw,390px);margin:0 auto}.countdown-section{padding-top:95px;padding-bottom:95px}.countdown-wrap{width:100%;max-width:470px}.countdown-title{font-size:clamp(40px,9vw,56px);line-height:1.05}.countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;display:grid}.countdown-item{aspect-ratio:.82;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(145deg,#fff6,#e7cca61a);border:1px solid #b18a54b8;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.countdown-item strong{color:#704f32;font-family:Cormorant Garamond,serif;font-size:clamp(29px,8vw,44px);font-weight:400}.countdown-item span{letter-spacing:1.5px;color:#957653;margin-top:7px;font-size:6px}.program-section{text-align:center;width:100%;padding:100px 14px 125px;position:relative;overflow:hidden}.program-wrapper{width:100%;max-width:720px;margin:0 auto}.program-heading{font-size:clamp(42px,9vw,60px);line-height:1.05}.program-wrapper>.heart-divider{margin-bottom:60px}.timeline{width:100%;max-width:650px;min-height:1350px;margin:0 auto;position:relative}.timeline-line{background:linear-gradient(#0000,#b6915bcc 5% 95%,#0000);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.moving-heart{z-index:5;width:37px;height:37px;transition:top .75s cubic-bezier(.22,1,.36,1);position:absolute;left:50%;transform:translate(-50%,-50%)}.moving-heart img{object-fit:contain;width:100%;height:100%}.timeline-item{opacity:.32;align-items:center;width:50%;min-height:190px;transition:opacity .45s;display:flex;position:relative}.timeline-item.left{text-align:right;justify-content:flex-end;margin-right:50%;padding-right:54px}.timeline-item.right{text-align:left;justify-content:flex-start;margin-left:50%;padding-left:54px}.timeline-item.active{opacity:1}.timeline-content{max-width:220px}.program-time{color:#b0804c;margin-bottom:5px;font-family:Cormorant Garamond,serif;font-size:30px;display:block}.timeline-content h3{color:#5c4431;margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:24px;font-style:italic;font-weight:500;line-height:1.05}.timeline-content p{color:#78604a;font-family:Montserrat,sans-serif;font-size:11px;line-height:1.45}.location-section{padding-top:110px;padding-bottom:125px}.location-content{width:100%;max-width:470px}.location-heading{font-size:clamp(40px,9vw,58px);line-height:1.04}.location-content>.heart-divider{margin-bottom:44px}.location-list{width:100%}.location-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(145deg,#fffcf775,#d8b98e1a);border:1px solid #b78d529e;border-radius:30px;width:100%;padding:46px 24px 40px;position:relative;overflow:hidden;box-shadow:0 20px 55px #5e3f200f}.location-card:before{content:"";pointer-events:none;border:1px solid #ffffff8c;border-radius:23px;position:absolute;inset:7px}.location-card:after{content:"";background:linear-gradient(90deg,#0000,#b99059,#0000);width:85px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.location-number{letter-spacing:4px;color:#ae8553;margin-bottom:15px;font-family:Cormorant Garamond,serif;font-size:15px}.location-small{letter-spacing:3px;color:#8c7056;margin-bottom:15px;font-family:Montserrat,sans-serif;font-size:7px}.location-card h3{z-index:1;color:#604936;font-family:Cormorant Garamond,serif;font-size:clamp(31px,7.5vw,43px);font-style:italic;font-weight:500;line-height:1.04;position:relative}.location-city{letter-spacing:3px;color:#846a52;margin-top:11px;font-family:Montserrat,sans-serif;font-size:10px}.map-button{z-index:3;color:#6b513a;letter-spacing:2px;background:#fffaf352;border:1px solid #ab824ce0;border-radius:999px;justify-content:center;align-items:center;min-width:190px;min-height:48px;margin:28px auto 0;padding:0 24px;font-family:Montserrat,sans-serif;font-size:8px;font-weight:400;text-decoration:none;display:inline-flex;position:relative}.rsvp-section{padding-top:110px;padding-bottom:115px}.rsvp-content{width:100%;max-width:470px}.rsvp-heading{font-size:clamp(40px,9vw,58px);line-height:1.05}.rsvp-content>.heart-divider{margin-bottom:23px}.rsvp-intro{color:#76604a;max-width:300px;margin:0 auto 12px;font-family:Cormorant Garamond,serif;font-size:19px;line-height:1.3}.rsvp-deadline{letter-spacing:.4px;color:#a47f50;margin:0 auto 34px;font-family:Cormorant Garamond,serif;font-size:16px;font-style:italic;font-weight:500}.rsvp-form{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(145deg,#fffaf475,#ddc1981a);border:1px solid #b8905694;border-radius:28px;width:100%;padding:38px 24px}.form-group{text-align:left;width:100%;margin-bottom:27px}.form-group>label{letter-spacing:2px;color:#8a7057;margin-bottom:9px;font-family:Montserrat,sans-serif;font-size:7px;display:block}.form-group input,.form-group select,.form-group textarea{color:#604936;background:0 0;border:0;border-bottom:1px solid #aa845194;border-radius:0;outline:none;width:100%;padding:12px 2px;font-family:Cormorant Garamond,serif;font-size:18px}.form-group textarea{resize:none}.attendance-options{grid-template-columns:1fr 1fr;gap:9px;margin-top:13px;display:grid}.attendance-option{cursor:pointer;border:1px solid #b08a577a;border-radius:999px;justify-content:center;align-items:center;min-height:50px;padding:0 9px;margin:0!important;display:flex!important}.attendance-option input{display:none}.attendance-option span{color:#6f5844;font-family:Cormorant Garamond,serif;font-size:15px}.attendance-option.selected{background:#dcbf963d;border-color:#ad8554}.rsvp-button{color:#fffaf1;letter-spacing:2.5px;cursor:pointer;background:linear-gradient(135deg,#b8915e,#d2ae77);border:1px solid #a97f4b;border-radius:999px;width:100%;min-height:54px;font-family:Montserrat,sans-serif;font-size:8px}.rsvp-thankyou{padding:50px 15px}.thankyou-heart{object-fit:contain;width:42px;height:42px;margin:0 auto 25px}.rsvp-thankyou h2{font-size:clamp(40px,9vw,57px);line-height:1.05}.rsvp-thankyou>p:last-child{color:#775f48;margin-top:10px;font-family:Cormorant Garamond,serif;font-size:20px}.final-section{text-align:center;width:100%;padding:85px 20px 105px;position:relative;overflow:hidden}.final-content{width:100%;max-width:420px;margin:0 auto}.final-date{letter-spacing:5px;color:#957552;margin-bottom:18px;font-family:Cormorant Garamond,serif;font-size:17px}.final-names{color:#5c4635;font-family:Bad Script,cursive;font-size:clamp(46px,11vw,64px);font-weight:400;line-height:1.2}.final-names span{color:#a88151;font-family:Cormorant Garamond,serif;font-size:28px;font-style:italic}.final-signature{color:#765d46;font-family:Cormorant Garamond,serif;font-size:19px;font-style:italic}.klikart{letter-spacing:3px;color:#ae8757;margin-top:45px;font-family:Montserrat,sans-serif;font-size:9px}.opening-cover{z-index:10000;cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:flex-end;width:100%;height:100dvh;padding-bottom:8vh;display:flex;position:fixed;inset:0;overflow:hidden}.opening-cover-overlay{background:linear-gradient(#0000 55%,#321e0a24 100%);position:absolute;inset:0}.tap-to-open{z-index:2;color:#fffaf0;text-align:center;position:relative}.tap-to-open span{letter-spacing:6px;margin-bottom:7px;font-size:9px;display:block}.tap-to-open p{font-family:Cormorant Garamond,serif;font-size:19px;font-style:italic}.tap-line{background:#f1d9aa;width:35px;height:1px;margin:15px auto 0}.intro{z-index:9999;opacity:1;background:#fff8ef;width:100%;height:100dvh;transition:opacity .7s,filter .7s;position:fixed;inset:0;overflow:hidden}.intro-video{object-fit:cover;object-position:center center;width:100%;height:100%}.intro.fade-out{opacity:0;filter:brightness(1.12);pointer-events:none}@media (width<=600px){.section{padding-left:12px;padding-right:12px}.hero-content{transform:translateY(10vh)}.name{font-size:69px}.and{margin:46px 0;font-size:27px}.heart-divider{gap:10px}.heart-divider span{width:52px}.heart-divider img{width:21px;height:21px}.video-frame{width:82vw;max-width:330px}.video-oval,.scratch-wrap{width:85.6%;height:86.6%;top:5.7%;left:7.2%}.calendar-image{width:90vw;max-width:380px}.countdown-grid{gap:6px}.countdown-item strong{font-size:30px}.timeline{min-height:1250px}.timeline-item{min-height:175px}.timeline-item.left{padding-right:34px}.timeline-item.right{padding-left:34px}.timeline-content{max-width:138px}.program-time{font-size:25px}.timeline-content h3{font-size:20px}.timeline-content p{font-size:10px}.moving-heart{width:32px;height:32px}.location-section{padding-left:14px;padding-right:14px}.location-card{padding:39px 18px 36px}.location-card h3{font-size:34px}.map-button{min-width:182px;font-size:8px}.rsvp-section{padding-left:14px;padding-right:14px}.rsvp-form{padding:34px 18px}.rsvp-deadline{margin-bottom:30px;font-size:15px}.attendance-options{grid-template-columns:1fr}.attendance-option{min-height:49px}}