@import url(https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Great+Vibes&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body{font-family:'Montserrat';margin:0;padding:0;overflow-x:hidden}body.lock-scroll{overflow:hidden;height:100svh}.mobile-force{width:100%;max-width:480px;min-height:100svh;margin:0 auto;overflow-x:hidden;background:#fff;position:relative}@media screen and (min-width:481px){body{background:#fff}.mobile-force{width:480px}}.fade-up{opacity:0;transform:translateY(20px);filter:blur(10px)}.fade-up.animate{animation:fadeUpAnim 1.8s cubic-bezier(.22,1,.36,1) forwards}.fade-up.delay.animate{animation-delay:0.6s}@keyframes fadeUpAnim{to{opacity:1;transform:translateY(0);filter:blur(0)}}.fade-down{opacity:0;transform:translateY(-20px);filter:blur(10px)}.fade-down.animate{animation:fadeDownAnim 1.8s cubic-bezier(.22,1,.36,1) forwards}.fade-down.delay.animate{animation-delay:0.6s}@keyframes fadeDownAnim{to{opacity:1;transform:translateY(0);filter:blur(0)}}.sampul-undangan{position:fixed;top:0;left:50%;translate:-50% 0;width:min(100%, 480px);height:100dvh;z-index:9999;background-image:linear-gradient(rgb(0 0 0 / .5),rgb(0 0 0 / .5)),url(burgundi-6.jpg);background-size:cover;background-position:center;transition:opacity 1s ease,filter 1s ease,transform 1s ease;opacity:1;filter:blur(0);transform:scale(1);will-change:opacity,filter,transform}.sampul-undangan.hide{opacity:0;filter:blur(10px);transform:scale(1.03);pointer-events:none}.isi-sampul-undangan{min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;color:#fff;padding-top:clamp(30px, 5vh, 60px);padding-bottom:clamp(40px, 6vh, 70px);padding-left:20px;padding-right:20px;text-align:center}.the-wedding-of{font-size:12px;margin-bottom:0}.nama-pengantin{font-size:30px;font-weight:700;margin-top:15px;font-family:'Cormorant Garamond'}.kepada-yth{font-size:12px;margin-bottom:0;letter-spacing:2}.nama-tamu{margin-top:10px;font-size:16px;font-weight:500}.buka-undangan{cursor:pointer;background:#fff0;border:2px solid #fff;border-radius:20px;color:#fff;padding:10px 15px 10px 15px;font-size:12px;width:160px;transition:all 0.3s ease;margin-top:15px}.buka-undangan:hover{background:#fff;color:#000;border:2px solid #fff;border-radius:20px;padding:10px 15px 10px 15px;font-size:12px;width:160px}.isi-undangan-pertama{position:relative;min-height:100svh;overflow:hidden;background-color:#000}.bg-slide{position:absolute;inset:0;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;animation:fadeSlide 15s infinite;z-index:1}.bg-slide:nth-child(1){background-image:linear-gradient(rgb(0 0 0 / .5),rgb(0 0 0 / .5)),url(burgundi-4.jpg);animation-delay:0s}.bg-slide:nth-child(2){background-image:linear-gradient(rgb(0 0 0 / .5),rgb(0 0 0 / .5)),url(burgundi-5.jpg);animation-delay:5s}.bg-slide:nth-child(3){background-image:linear-gradient(rgb(0 0 0 / .5),rgb(0 0 0 / .5)),url(burgundi-6.jpg);animation-delay:10s}@keyframes fadeSlide{0%{opacity:0;transform:scale(1)}10%{opacity:1}30%{opacity:1}40%{opacity:0;transform:scale(1.08)}100%{opacity:0;transform:scale(1)}}.konten-undangan-pertama{position:relative;z-index:2;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;color:#fff}.two-undangan-pertama{font-size:12px;letter-spacing:2;margin-bottom:0}.np-undangan-pertama{font-size:28px;font-weight:700;margin-top:5px;font-family:'Cormorant Garamond';margin-bottom:0}.divider{display:flex;align-items:center;gap:15px;width:50%;margin:10px 0}.divider::before,.divider::after{content:"";flex:1;height:1px;background:rgb(255 255 255 / .4)}.divider span{font-style:italic;color:#fff;font-size:14px;white-space:nowrap}.scroll-icon{margin-top:10px;font-size:16px;animation:floatDown 2s ease-in-out infinite;opacity:.8}@keyframes floatDown{0%{transform:translateY(0);opacity:.4}50%{transform:translateY(12px);opacity:1}100%{transform:translateY(0);opacity:.4}}.anim{opacity:0;transition:all 0.8s cubic-bezier(.22,1,.36,1)}.anim.show{opacity:1}.slide-up{transform:translateY(60px)}.slide-up.show{transform:translateY(0)}.slide-right{transform:translateX(-60px)}.slide-right.show{transform:translateX(0)}.slide-left{transform:translateX(60px)}.slide-left.show{transform:translateX(0)}.fade{filter:blur(6px)}.fade.show{filter:blur(0)}.quotes-undangan{position:relative;z-index:1;padding:50px 20px;background:linear-gradient(to top,#6D071A 0%,#6D071A 50%,#000 100%);min-height:200px;color:#F5E6E8}.isi-quotes{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px}.quotes{font-size:14px;padding:0 25px}.quotes-from{font-size:14px}.konten-undangan-final{position:relative;min-height:100vh;overflow:hidden;background:#000}.bg-parallax{position:absolute;inset:0;overflow:hidden;z-index:1}.bg-parallax::before{content:"";position:absolute;inset:-200px 0;background-image:linear-gradient(rgb(0 0 0 / .45),rgb(0 0 0 / .45)),url(burgundi-6.jpg);background-size:contain;background-position:center;background-repeat:no-repeat;transform:translate3d(0,var(--parallax-y,0),0) scale(1.2);will-change:transform}.isi-final{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding-top:40px;padding-bottom:40px}.tanpa-mengurangi{font-size:14px;text-align:center;padding:0 30px}.wrapper-foto{position:relative;display:inline-block;overflow:visible;margin-top:30px}.foto-pengantin{height:250px;width:auto;border-radius:10px;display:block;box-shadow:0 10px 30px rgb(0 0 0 / .25),0 0 40px rgb(74 8 24 / .25)}.wrapper-foto::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:40%;background:linear-gradient(to top,rgb(74 8 24 / .95),#fff0);pointer-events:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.pengantin{position:absolute;bottom:-20px;left:50%;letter-spacing:2;color:#D4AF37;font-size:40px;font-family:'Great Vibes';z-index:2;text-shadow:0 2px 10px rgb(0 0 0 / .5);opacity:0;transform:translateX(-50%) scale(.7);transition:all 3s cubic-bezier(.22,1,.36,1)}.pengantin.show{opacity:1;transform:translateX(-50%) scale(1)}.nama-lengkap{font-family:'Cormorant Garamond';margin-top:20px;font-weight:700;font-size:30px}.orang-tua{margin-top:10px;font-size:13px;text-align:center}.instagram-pengantin{margin-top:20px;font-size:20px;cursor:pointer;text-decoration:none;color:#fff;transition:0.3s}.instagram-pengantin:hover{margin-top:20px;font-size:20px;cursor:pointer;text-decoration:none;color:#e1e1e1}.and-the-other{font-family:'Cormorant Garamond';font-size:30px;margin-top:30px}.wedding-event{font-size:25px;font-weight:700;letter-spacing:2;font-family:'Cormorant Garamond';color:#F5E6E8}.bersyukur{text-align:center;margin-top:10px;font-size:14px}.countdown{display:flex;gap:12px;margin-top:20px;justify-content:center}.box{text-align:center;padding:10px 12px;border-radius:10px;background:rgb(255 255 255 / .08);backdrop-filter:blur(6px);min-width:60px}.box span{font-size:20px;font-weight:700;display:block}.box small{font-size:10px;opacity:.8}.card-box-acara{display:flex;flex-direction:column;justify-content:flex-start;align-items:left;text-align:left;background:rgb(255 255 255 / .08);backdrop-filter:blur(6px);width:100%;margin-top:25px;min-height:300px;border-radius:10px;padding:30px 20px}.wedding-event-konten{background:linear-gradient(to top,#6D071A 0%,#6D071A 50%,#000 100%);padding:50px 30px;text-align:center;color:#F5E6E8}.akad-nikah{font-size:25px;font-weight:600;font-family:'Cormorant Garamond'}.divider-wedding-event{color:#F5E6E8;width:50%;margin-top:20px}.hari-tanggal{margin-top:20px;font-size:16px}.pada-pukul{margin-top:20px;font-size:14px}.alamat-tempat{margin-top:20px;font-size:14px}.maps-lokasi{margin-top:20px;font-size:14px;text-decoration:none;color:#F5E6E8;background-color:#6D071A;padding:15px;width:fit-content;border-radius:10px;transition:0.3s;transition-delay:0s!important}.maps-lokasi:hover{margin-top:20px;font-size:14px;text-decoration:none;color:#6D071A;background-color:#F5E6E8;padding:15px;width:fit-content;border-radius:10px}.hr-maps{width:30%;margin-top:5px;color:#F5E6E8}.konten-love-story{position:relative;min-height:100vh;overflow:hidden;background:#000}.bg-love-story{position:absolute;inset:0;background-image:linear-gradient(rgb(0 0 0 / .45),rgb(0 0 0 / .45)),url(burgundi-6.jpg);background-size:contain;background-position:center;background-repeat:no-repeat;background-attachment:fixed;transform:scale(1.15);z-index:1}.isi-love-story{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding-top:40px;padding-bottom:40px}.love-story{font-size:25px;font-weight:700;letter-spacing:2;font-family:'Cormorant Garamond';margin-bottom:30px}.story-board{display:flex;flex-direction:row;justify-content:center;gap:20px;margin-bottom:30px}.img-story{border-radius:10px;height:200px}.the-story{display:flex;flex-direction:column;justify-content:center;max-width:50%}.the-story-right{display:flex;flex-direction:column;justify-content:center;align-items:right;text-align:right;max-width:50%}.story-head{font-size:14px;font-weight:600;margin-bottom:5px}.storyline{font-size:12px}.last-konten{background:linear-gradient(to bottom,#000 0%,#000 15%,#6D071A 35%,#6D071A 65%,#000 85%,#000 100%);padding:50px 30px;text-align:center;color:#F5E6E8}.isi-last-konten{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.gallery-text{font-size:25px;font-weight:700;letter-spacing:2;font-family:'Cormorant Garamond';margin-bottom:30px}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.gallery-img{cursor:pointer;width:100%;height:220px;object-fit:cover;border-radius:10px;box-shadow:0 10px 25px rgb(0 0 0 / .25);transition:0.4s ease}.gallery-img:hover{filter:brightness(.75)}.gallery-img.lebar{grid-column:span 2}.card-box-gift{display:flex;flex-direction:column;justify-content:flex-start;align-items:left;text-align:left;background:rgb(255 255 255 / .08);backdrop-filter:blur(6px);width:100%;margin-top:30px;border-radius:10px;padding:40px 20px}.kirim-hadiah{font-size:25px;font-weight:600;font-family:'Cormorant Garamond'}.text-hadiah{font-size:14px;margin-top:20px}.amplop-digital{margin-top:20px;font-size:14px;text-decoration:none;color:#F5E6E8;background-color:#6D071A;padding:15px;width:fit-content;border-radius:10px;border:1px solid #6D071A;transition:0.3s;transition-delay:0s!important;cursor:pointer}.amplop-digital:hover{margin-top:20px;font-size:14px;text-decoration:none;color:#6D071A;background-color:#F5E6E8;padding:15px;width:fit-content;border-radius:10px;border:1px solid #F5E6E8}.gift-content{max-height:0;overflow:hidden;opacity:0;transform:translateY(-15px);transition:max-height 0.8s ease,opacity 0.5s ease,transform 0.5s ease;width:100%}.gift-content.show{max-height:1200px;opacity:1;transform:translateY(0);margin-top:25px}.rekening-card{background:rgb(255 255 255 / .08);backdrop-filter:blur(6px);border-radius:14px;padding:25px 20px;margin-bottom:20px;opacity:0;transform:translateY(20px);transition:0.5s ease}.gift-content.show .rekening-card{opacity:1;transform:translateY(0)}.gift-content.show .rekening-card:nth-child(1){transition-delay:0.1s}.gift-content.show .rekening-card:nth-child(2){transition-delay:0.2s}.gift-content.show .rekening-card:nth-child(3){transition-delay:0.3s}.bank{font-size:20px;font-weight:700}.norek{margin-top:10px;font-size:18px;letter-spacing:2px;text-decoration:none;color:#F5E6E8}.atasnama,.alamat{margin-top:8px;font-size:14px}.comment-section{display:flex;flex-direction:column;justify-content:center;width:100%}.head-comment{font-size:25px;font-weight:700;font-family:'Cormorant Garamond';margin-top:150px;margin-bottom:30px;letter-spacing:2}input[type=text],textarea,select{display:block;width:100%;padding:14px 0;margin-bottom:18px;background:#fff0;color:#F5E6E8;border:none;border-bottom:1px solid rgb(245 230 232 / .3);outline:none;font-family:'Montserrat';font-size:14px;transition:border-color 0.3s ease,box-shadow 0.3s ease,opacity 0.3s ease}input[type=text]::placeholder,textarea::placeholder{color:rgb(245 230 232 / .5)}input[type=text]:focus,textarea:focus,select:focus{border-bottom-color:#D4AF37;box-shadow:0 8px 20px rgb(212 175 55 / .08);opacity:1}textarea{resize:none;min-height:120px}select{cursor:pointer}.button-submit{width:100%;margin-top:10px;padding:14px 18px;border:1px solid rgb(245 230 232 / .2);border-radius:12px;background:rgb(255 255 255 / .08);backdrop-filter:blur(6px);color:#F5E6E8;font-family:'Montserrat';font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:background 0.3s ease,border-color 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease}.button-submit:hover{background:#F5E6E8;border-color:#F5E6E8;color:#6D071A;transform:translateY(-2px);box-shadow:0 10px 25px rgb(109 7 26 / .35)}.button-submit:active{transform:scale(.98)}.thankyou-section{display:flex;flex-direction:column;justify-content:center;align-items:center}.head-thankyou{font-size:25px;font-weight:700;font-family:'Cormorant Garamond';margin-top:150px;margin-bottom:30px;letter-spacing:2}.img-thankyou{height:300px;border-top-left-radius:180px;border-top-right-radius:180px;box-shadow:0 12px 30px rgb(0 0 0 / .35),0 0 40px rgb(109 7 26 / .35),0 0 80px rgb(109 7 26 / .18)}.text-thankyou{font-size:14px;margin-top:30px;padding:0 20px}.copyright-section{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:150px;color:#fff}.text-copyright{font-size:12px;font-weight:400}.copyright-sosmed{display:flex;flex-direction:row;justify-content:center;margin-top:20px;margin-bottom:100px}.copyright-sosmed i{font-size:30px;cursor:pointer;transition:all 0.3s;transition:0!important}.copyright-sosmed i:hover{font-size:30px;color:#e1e1e1}.copyright-sosmed a{color:#fff}.commentList{display:flex;flex-direction:column;justify-content:center;align-items:left;text-align:left;width:100%;margin-top:35px;gap:10px}.comment-item{border-radius:10px;background:rgb(255 255 255 / .08);backdrop-filter:blur(6px);padding:15px}