@import "https://fonts.googleapis.com/css2?family=Marck+Script&display=swap";html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{min-width:320px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}html{background:#eee6da}body{background:#eee6da;min-width:320px;min-height:100dvh;overflow-x:hidden}#root{min-height:100dvh}button,input{font:inherit}button{background:0 0;border:none;outline:none;padding:0}.invitation{background:#eee6da;width:100%;min-height:650svh;position:relative}.fixed-background{z-index:1;background:#eee6da;width:100vw;height:100dvh;min-height:100svh;position:fixed;inset:0;overflow:hidden}.background-image{object-fit:cover;object-position:center center;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.hero-text{z-index:4;text-align:center;pointer-events:none;will-change:opacity, transform;width:min(92%,540px);position:absolute;top:17%;left:50%}.small-text{letter-spacing:.035em;color:#73562f;margin-bottom:15px;padding:0 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(13px,3.4vw,17px);font-weight:400;line-height:1.6}.names{color:#b98c46;flex-direction:column;justify-content:center;align-items:center;margin:0;font-family:Marck Script,cursive;font-size:clamp(52px,13vw,84px);font-weight:400;line-height:.82;display:flex}.name{color:#b98c46;text-shadow:.35px 0 #e8ca92,-.35px 0 #8f682f,0 .6px #d1aa68,0 1.2px 1px #57391833;display:block}.ampersand{color:#b98b45;margin:8px 0 7px;font-family:Marck Script,cursive;font-size:.5em;display:block}.date{letter-spacing:.22em;color:#95713c;margin-top:20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(15px,4vw,21px)}.calendar-scene{z-index:5;pointer-events:none;will-change:opacity, transform;width:min(55vw,300px);position:absolute;top:12%;left:50%}.calendar-scene img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.program-scene{z-index:6;text-align:center;pointer-events:none;will-change:opacity, transform;width:min(82vw,380px);position:absolute;top:17%;left:50%}.program-scene h2{color:#b88a44;text-shadow:.35px 0 #e8ca92,-.35px 0 #8f682f,0 .6px #d1aa68;margin-bottom:22px;font-family:Marck Script,cursive;font-size:clamp(32px,8.5vw,44px);font-weight:400}.program-list{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.program-item{text-align:left;justify-content:center;align-items:center;gap:15px;width:100%;display:flex}.program-item img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;flex-shrink:0;width:58px;height:58px;display:block}.program-text{text-align:left;width:145px}.program-item h3{color:#76572f;margin:0;font-family:Georgia,Times New Roman,serif;font-size:16.5px;font-weight:500}.program-item p{color:#96713b;margin-top:4px;font-family:Georgia,Times New Roman,serif;font-size:13.5px}.location-scene{z-index:7;text-align:center;pointer-events:none;will-change:opacity, transform;width:min(88vw,390px);position:absolute;top:16%;left:50%}.location-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:min(55vw,235px);height:auto;margin:0 auto 14px;display:block}.location-name{color:#b88a44;text-shadow:.35px 0 #e8ca92,-.35px 0 #8f682f,0 .6px #d1aa68;margin:0;font-family:Marck Script,cursive;font-size:clamp(34px,8.5vw,45px);font-weight:400}.location-link{letter-spacing:.04em;color:#76572f;pointer-events:auto;cursor:pointer;border-bottom:1px solid #76572f73;margin-top:12px;padding-bottom:3px;font-family:Georgia,Times New Roman,serif;font-size:13px;font-weight:500;text-decoration:none;display:inline-block;position:relative}.car-road{width:100%;height:130px;margin-top:2px;position:relative;overflow:hidden}.car-image{object-fit:contain;opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none;width:175px;height:auto;position:absolute;bottom:0;left:-220px}.location-active .car-image{animation:4.8s ease-in-out .4s forwards driveCar}@keyframes driveCar{0%{opacity:0;left:-220px;transform:translateY(0)}8%{opacity:1}35%{transform:translateY(-2px)}55%{transform:translateY(1px)}75%{transform:translateY(-1px)}92%{opacity:1}to{opacity:0;left:calc(100% + 50px);transform:translateY(0)}}.rsvp-scene{z-index:8;text-align:center;pointer-events:auto;will-change:opacity, transform;width:min(88vw,390px);position:absolute;top:10%;left:50%}.rsvp-image{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:min(46vw,190px);height:auto;margin:0 auto 12px;display:block}.rsvp-title{color:#b88a44;text-shadow:.35px 0 #e8ca92,-.35px 0 #8f682f,0 .6px #d1aa68;flex-direction:column;align-items:center;gap:2px;margin:0 0 20px;font-family:Marck Script,cursive;font-size:clamp(29px,8vw,40px);font-weight:400;line-height:1.08;display:flex}.rsvp-title span{display:block}.rsvp-form{flex-direction:column;gap:14px;width:min(100%,300px);margin:0 auto;display:flex}.rsvp-input{color:#76572f;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffaf0b8;border:1px solid #96713b7a;border-radius:22px;outline:none;width:100%;min-height:46px;padding:11px 15px;font-family:Georgia,Times New Roman,serif;font-size:14px}.rsvp-input::placeholder{color:#76572fad}.rsvp-input:focus{background:#fffbf4e6;border-color:#b88a44}.attendance-options{justify-content:center;gap:12px;width:100%;display:flex}.attendance-option{color:#76572f;cursor:pointer;background:#fffaf094;border:1px solid #96713b59;border-radius:22px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:9px 12px;font-family:Georgia,Times New Roman,serif;font-size:14px;transition:background .25s,border-color .25s;display:flex}.attendance-option input{accent-color:#a77b3c}.attendance-option.selected{background:#ebd9b4b3;border-color:#a77b3c}.rsvp-submit{letter-spacing:.03em;color:#fffaf0;cursor:pointer;background:#b98c46e6;border:1px solid #8b632e8c;border-radius:23px;width:100%;min-height:46px;margin-top:2px;padding:11px 18px;font-family:Georgia,Times New Roman,serif;font-size:13.5px}.rsvp-submit:active{transform:scale(.97)}.rsvp-thank-you{background:#fffaf0b8;border:1px solid #96713b59;border-radius:24px;width:min(100%,310px);margin:10px auto 0;padding:20px}.rsvp-thank-you h2{color:#b88a44;font-family:Marck Script,cursive;font-size:34px;font-weight:400}.rsvp-thank-you p{color:#76572f;margin-top:8px;font-family:Georgia,Times New Roman,serif;font-size:13px}.final-scene{z-index:9;text-align:center;pointer-events:none;width:min(92vw,410px);position:absolute;top:10%;left:50%;transform:translate(-50%)}.dance-wrapper{justify-content:center;align-items:center;width:100%;margin-bottom:14px;display:flex;overflow:visible}.dance-image{object-fit:contain;opacity:0;transform-origin:50% 80%;-webkit-user-select:none;user-select:none;pointer-events:none;width:min(70vw,300px);height:auto;display:block;transform:translateY(160px)rotate(0)}.final-active .dance-image{animation:1.55s cubic-bezier(.22,1,.36,1) forwards danceEnter,3.2s ease-in-out 1.55s infinite danceSwing}@keyframes danceEnter{0%{opacity:0;transform:translateY(170px)scale(.9)rotate(-4deg)}65%{opacity:1;transform:translateY(-10px)scale(1.02)rotate(2deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes danceSwing{0%{opacity:1;transform:translateY(0)rotate(-2deg)}25%{transform:translateY(-3px)rotate(2deg)}50%{transform:translateY(0)rotate(-1.5deg)}75%{transform:translateY(-3px)rotate(2deg)}to{opacity:1;transform:translateY(0)rotate(-2deg)}}.final-text-area{flex-direction:column;align-items:center;width:100%;display:flex}.final-message{color:#6d4b27;opacity:0;width:90%;margin:0 auto;font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:400;line-height:1.65;transform:translateY(16px)}.final-active .final-message{animation:.9s 1.15s forwards finalTextIn}.klikart-footer{opacity:0;flex-direction:column;align-items:center;gap:3px;margin-top:13px;display:flex;transform:translateY(14px)}.final-active .klikart-footer{animation:.9s 1.65s forwards finalTextIn}.klikart-brand{color:#b58036;text-shadow:.4px 0 #f4d89f,-.4px 0 #7e5726,0 1px #d4aa66;font-family:Marck Script,cursive;font-size:30px;font-weight:400;line-height:1}.klikart-phone{letter-spacing:.06em;color:#76501f;margin-top:2px;font-family:Georgia,Times New Roman,serif;font-size:12px;font-weight:700}@keyframes finalTextIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.scroll-space{z-index:0;width:100%;height:650svh;position:relative}.door{z-index:20;width:50.5%;height:100dvh;min-height:100svh;transition:transform 2s cubic-bezier(.76,0,.24,1);position:fixed;top:0;overflow:hidden}.door img{object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.door-left{left:0}.door-right{right:0}.door-left-open{transform:translate(-101%)}.door-right-open{transform:translate(101%)}.open-button{z-index:30;cursor:pointer;opacity:1;-webkit-tap-highlight-color:transparent;width:min(58vw,250px);transition:opacity .65s,transform .65s;position:fixed;top:56%;left:50%;transform:translate(-50%,-50%)scale(1)}.open-button img{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.open-button-hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.88)}@media (width<=600px){.fixed-background{width:100vw;height:100dvh;min-height:100svh;position:fixed;top:0;left:0;overflow:hidden}.background-image{object-fit:fill;object-position:center center;width:100vw;height:100%;min-height:100%;position:absolute;top:0;left:0}.hero-text{width:94%;top:18%}.small-text{font-size:13px;line-height:1.55}.names{font-size:clamp(48px,14vw,66px)}.date{margin-top:20px;font-size:15px}.calendar-scene{width:55vw;max-width:285px;top:12%}.program-scene{width:82vw;max-width:350px;top:17%}.program-scene h2{margin-bottom:22px;font-size:35px}.program-item img{width:54px;height:54px}.program-text{width:140px}.program-item h3{font-size:16px}.program-item p{font-size:13px}.location-scene{width:92vw;max-width:380px;top:17%}.location-image{width:52vw;max-width:220px;margin-bottom:12px}.location-name{font-size:38px}.location-link{margin-top:12px;font-size:13px}.car-road{height:135px}.car-image{width:175px;left:-220px}.rsvp-scene{width:90vw;max-width:355px;top:10%}.rsvp-image{width:43vw;max-width:180px;margin-bottom:10px}.rsvp-title{margin-bottom:17px;font-size:32px;line-height:1.08}.rsvp-form{gap:12px;width:min(100%,290px)}.rsvp-input{min-height:44px;font-size:13px}.attendance-options{gap:10px}.attendance-option{min-height:42px;font-size:13px}.rsvp-submit{min-height:44px;font-size:13px}.final-scene{width:94vw;max-width:380px;top:10%}.dance-image{width:70vw;max-width:275px}.dance-wrapper{margin-bottom:12px}.final-message{width:91%;font-size:13px;line-height:1.55}.klikart-footer{gap:2px;margin-top:11px}.klikart-brand{font-size:29px}.klikart-phone{color:#68451f;font-size:11.5px}.door{height:100dvh;min-height:100svh}.door img{object-fit:fill;width:100%;height:100%}.open-button{width:min(60vw,225px);top:56%}}