.cover{width:100vw;height:100vh;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;object-position:center}.cover .shadow{height:100vw;width:100vh}.cover .shadow .a{position:absolute;top:20px;left:0;width:200px;height:auto;object-fit:contain;object-position:top;opacity:.8}.cover .shadow .shadow-top{width:100%;height:40%;background:linear-gradient(180deg,#29292995,#29292920);position:absolute;top:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;line-height:30px}.cover .shadow .shadow-top h2{font-family:Lobster Two,serif;font-weight:300;font-size:2em;margin-bottom:10px}.cover .shadow .shadow-top h1{font-weight:600;align-items:center;font-size:2.5em}.cover .shadow .shadow-top p{font-weight:300;font-size:1em}.cover .shadow .shadow-down{padding-top:50vh;width:100%;height:100%;background:linear-gradient(180deg,#29292920,#292929);position:absolute;bottom:0;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:20px;color:#fff}.cover .shadow .shadow-down .b{position:absolute;bottom:20px;right:0;width:200px;opacity:.4;height:auto;object-fit:contain;object-position:top}.cover .shadow .shadow-down .namaTamu{z-index:99}.cover .shadow .shadow-down .namaTamu h4{font-family:Sofia,serif;font-weight:400;font-size:1em}.cover .shadow .shadow-down .namaTamu h3{font-family:Poppins,serif;font-weight:300;font-size:1.1em}.cover .shadow .shadow-down p{font-family:Titillium Web,sans-serif;font-weight:200;font-size:11px;z-index:2;padding-top:20px}.intro{width:100vw;height:100vh;position:relative;box-sizing:border-box;overflow-x:hidden;scroll-snap-type:y mandatory}.intro img{position:relative;width:100%;height:70vh;object-fit:cover;object-position:center}@media (min-width: 1024px){.intro img{height:100vh;width:50%;margin:0 25%}}.intro .textIntro{width:100%;height:70%;background:linear-gradient(to bottom,#b0a7a2,#b0a7a2,transparent,transparent,transparent,#b0a7a2,#b0a7a2);position:absolute;top:0;left:0;z-index:1;display:flex;padding-top:10%;text-align:center;flex-direction:column}@media (min-width: 1024px){.intro .textIntro{height:85%;padding-top:2%}}.intro .textIntro h2{font-family:Lobster Two,serif;font-weight:700;font-size:30px}@media (min-width: 1024px){.intro .textIntro h2{font-size:28px}}.intro .textIntro h1{font-family:DM sans,serif;font-weight:900;font-size:40px}@media (min-width: 1024px){.intro .textIntro h1{font-size:36px;margin:20px 0}}.intro .textIntro p{font-family:DM sans,serif;font-weight:400;font-size:20px}@media (min-width: 1024px){.intro .textIntro p{font-size:18px}}.intro .surah{background:#b0a7a2;z-index:2;position:relative;margin-top:-20%;padding:25px 25px 20%;display:flex;text-align:center;flex-direction:column}@media (min-width: 1024px){.intro .surah{margin-top:-10%;padding:50px 50px 10%;max-width:80%;margin-left:auto;margin-right:auto;border-radius:20px}}.intro .surah .arab{font-size:24px}@media (min-width: 1024px){.intro .surah .arab{font-size:24px;max-width:80%;margin:0 auto}}.intro .surah .arti{padding-top:20px;font-size:14px}@media (min-width: 1024px){.intro .surah .arti{font-size:14px;max-width:70%;margin:0 auto;line-height:1.6}}.intro .surah span{font-size:16px;font-weight:700;padding-top:10px}@media (min-width: 1024px){.intro .surah span{font-size:20px;margin-top:20px}}.intro .surah .a{position:absolute;bottom:350px;left:0;width:200px;height:auto}@media (min-width: 1024px){.intro .surah .a{width:300px;bottom:400px}}.intro .surah .b{position:absolute;bottom:350px;right:0;width:200px;height:auto}@media (min-width: 1024px){.intro .surah .b{width:300px;bottom:400px}}.person1{height:100vh;width:100%;background-color:#b0a7a2;font-family:Titillium Web,serif}@media (min-width: 1024px){.person1{padding:0 5%;display:flex;flex-direction:column;justify-content:center}}.person1 .judul-mempelai h1{font-size:3em;font-family:Tangerine,cursive;font-weight:700;color:#292929;text-align:center;padding:30px 0}@media (min-width: 1024px){.person1 .judul-mempelai h1{font-size:4.5em;padding:20px 0}}.person1 .foto-mempelai{width:100%;height:40%;display:grid;padding:0 15px}@media (min-width: 1024px){.person1 .foto-mempelai{height:50%;width:50%;padding:0 10%;gap:30px;position:absolute;left:50%;top:30%}}@media (max-width: 376px){.person1 .foto-mempelai{height:30%}}.person1 .foto-mempelai.left{grid-template-columns:5fr 3fr}@media (min-width: 1024px){.person1 .foto-mempelai.left{grid-template-columns:3fr 2fr}}.person1 .foto-mempelai.left .box-foto-mempelai{order:1}@media (max-width: 376px){.person1 .foto-mempelai.left .box-foto-mempelai{order:2;height:65%}}.person1 .foto-mempelai.left .batik{order:2}@media (max-width: 376px){.person1 .foto-mempelai.left .batik{height:65%}}.person1 .foto-mempelai.right{grid-template-columns:3fr 5fr}@media (min-width: 1024px){.person1 .foto-mempelai.right{grid-template-columns:2fr 3fr}}.person1 .foto-mempelai.right .box-foto-mempelai{order:2}@media (max-width: 376px){.person1 .foto-mempelai.right .box-foto-mempelai{height:65%}}.person1 .foto-mempelai.right .batik{order:1}.person1 .foto-mempelai.right .batik img{transform:scaleX(-1)}@media (max-width: 376px){.person1 .foto-mempelai.right .batik{height:65%}}.person1 .foto-mempelai .box-foto-mempelai{margin:10px;border:5px solid #292929;border-radius:10px}@media (min-width: 1024px){.person1 .foto-mempelai .box-foto-mempelai{margin:0;border-width:8px;border-radius:20px}}.person1 .foto-mempelai .box-foto-mempelai img{width:100%;height:100%;object-fit:cover;border-radius:5px}@media (min-width: 1024px){.person1 .foto-mempelai .box-foto-mempelai img{border-radius:12px}}.person1 .foto-mempelai .batik{width:100%;padding:20px 20px 20px 0}@media (min-width: 1024px){.person1 .foto-mempelai .batik{padding:0}}.person1 .foto-mempelai .batik img{object-fit:contain;width:100%;height:100%}.person1 .nama{padding:1em 0}@media (min-width: 1024px){.person1 .nama{padding:2em 10%;width:70%}}.person1 .nama.right .ig{margin-left:10%}@media (min-width: 1024px){.person1 .nama.right .ig{margin-left:15%}}.person1 .nama h2{min-height:80px;padding:10px;background-color:#292929;color:#fff;font-size:1.8em;font-family:Sofia,cursive;text-align:center}@media (min-width: 1024px){.person1 .nama h2{font-size:2.5em;min-height:100px;padding:20px;border-radius:15px}}.person1 .nama .ig{position:relative;margin-left:60%;padding:5px 20px;border-radius:20px;border:none;font-size:1.2em;margin-top:-30px}@media (min-width: 1024px){.person1 .nama .ig{font-size:1.4em;padding:8px 30px;margin-top:-40px;cursor:pointer;transition:all .3s ease}.person1 .nama .ig:hover{background-color:#292929;color:#fff}}.person1 .alamat{width:100%;height:20%;display:grid}@media (min-width: 1024px){.person1 .alamat{height:30%;padding:0 10%}}.person1 .alamat.left{grid-template-columns:1fr 2fr}@media (min-width: 1024px){.person1 .alamat.left{grid-template-columns:1fr 3fr;width:70%}}.person1 .alamat.right{grid-template-columns:1fr 2fr}@media (min-width: 1024px){.person1 .alamat.right{grid-template-columns:1fr 3fr;width:70%}}.person1 .alamat .home-icon{width:100%;padding:20px;display:grid;align-items:center}@media (min-width: 1024px){.person1 .alamat .home-icon{padding:30px}}.person1 .alamat .home-icon img{align-items:center;width:100%;object-fit:cover}.person1 .alamat .text-alamat{font-size:1em;padding:10px 50px 10px 0;display:grid;grid-template-rows:space-between;gap:20px}@media (min-width: 1024px){.person1 .alamat .text-alamat{font-size:1.2em;padding:20px 100px 20px 0;gap:30px}}@media (min-width: 1024px){.person1 .alamat .text-alamat .keluarga{font-size:1.1em;font-weight:500}}@media (min-width: 1024px){.person1 .alamat .text-alamat .alamat-lengkap{line-height:1.6}}.schedule1{min-height:100vh;width:100%;background-color:#b0a7a2;font-family:Titillium Web,serif;display:grid;align-items:center;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;position:relative}@media (min-width: 1024px){.schedule1{height:100vh;padding:2rem 5%}}.schedule1 .bg-wrap{background:#fff;height:90vh;width:100%;position:relative;overflow-y:auto}@media (min-width: 1024px){.schedule1 .bg-wrap{border-radius:30px;box-shadow:0 10px 30px #0000001a;height:calc(100vh - 4rem);align-items:center;display:flex}}@media (max-width: 376px){.schedule1 .bg-wrap{height:100vh}}.schedule1 .bg{height:100%;width:100%;text-align:center;padding:5%;display:flex;flex-direction:column}@media (min-width: 1024px){.schedule1 .bg{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:2rem;height:100%;align-items:start}.schedule1 .bg img{display:none}}.schedule1 .bg .event{height:auto;width:100%;display:grid;grid-template-columns:1fr 2fr;align-items:center;margin-bottom:2rem}@media (min-width: 1024px){.schedule1 .bg .event{grid-template-columns:1fr;padding:1rem;background:#fff;border-radius:20px;box-shadow:0 4px 15px #0000000d;transition:all .3s ease;margin-bottom:none}.schedule1 .bg .event:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a;background-color:#5774560d}}.schedule1 .bg .event .bunga{padding:10px;display:grid;align-items:center}@media (min-width: 1024px){.schedule1 .bg .event .bunga{padding:1rem;margin-bottom:1rem}}.schedule1 .bg .event .bunga img{width:100%;display:block!important}@media (min-width: 1024px){.schedule1 .bg .event .bunga img{max-width:150px;margin:0 auto}}.schedule1 .bg .event .info{text-align:left;padding:1rem}@media (min-width: 1024px){.schedule1 .bg .event .info{text-align:center}}.schedule1 .bg .event .info .title{margin-bottom:1rem}.schedule1 .bg .event .info .title h2{font-family:Poppins,serif;font-size:1.3em;margin-bottom:.5rem}@media (min-width: 1024px){.schedule1 .bg .event .info .title h2{font-size:1.5em;font-weight:600}}.schedule1 .bg .event .info .title h3{font-family:Lobster Two,serif;color:#666}@media (min-width: 1024px){.schedule1 .bg .event .info .title h3{font-size:1.3em}}.schedule1 .bg .event .info .date{margin:1rem 0}.schedule1 .bg .event .info .date .waktu,.schedule1 .bg .event .info .date .alamat{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.schedule1 .bg .event .info .date .waktu svg,.schedule1 .bg .event .info .date .alamat svg{color:#577456}@media (min-width: 1024px){.schedule1 .bg .event .info .date .waktu,.schedule1 .bg .event .info .date .alamat{justify-content:center;font-size:1.1em}}.schedule1 .bg .event .info .maps button{background:#577456;padding:10px 20px;border-radius:5px;border:none;color:#fff;cursor:pointer}@media (min-width: 1024px){.schedule1 .bg .event .info .maps button{padding:1rem 2rem;font-size:1.1em;border-radius:8px;margin:1rem auto;transition:all .3s ease}.schedule1 .bg .event .info .maps button:hover{background:#445c43;box-shadow:0 5px 15px #5774564d}}.schedule1 .bg>img{width:50%;margin:0rem auto;object-fit:contain}@media (min-width: 1024px){.schedule1 .bg>img{display:none}}.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#000}.sidebar .bg{z-index:999;position:fixed;top:0;right:0;bottom:0;width:300px;background:#fff}@media (max-width: 720px){.sidebar .bg{width:250px}}@media (min-width: 1024px){.sidebar .bg{width:300px}}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.sidebar .bg a{font-size:40px}@media (max-width: 720px){.sidebar .bg a{font-size:25px}}@media (min-width: 1024px){.sidebar .bg a{font-size:25px}}.sidebar button{z-index:999;position:fixed;width:50px;height:50px;border-radius:50%;bottom:30px;right:25px;background-color:transparent;border:none;cursor:pointer}@media (max-width: 720px){.sidebar button{position:fixed}}@media (max-width: 376px){.sidebar button{bottom:15px}}@media (min-width: 1024px){.sidebar button{bottom:16px;right:34px}}.story{height:100%;width:100%;padding:15px}.story .bg-story{border-radius:20px;padding:5%;height:100%;width:100%;background-color:#878381}.story .bg-story h1{padding:2%;text-align:center;font-family:Tangerine,cursive;font-size:3em;color:#fff}.story .bg-story .fotoStory{width:100%;height:25%;border-radius:20px;border:5px solid #292929}.story .bg-story .fotoStory img{border-radius:20px;width:100%;height:100%;object-fit:cover}@media (min-width: 1024px){.story .bg-story .fotoStory{width:30%;height:30%;margin:0 auto}}.story .bg-story p{margin-top:10px;text-align:justify;padding:2%;color:#fff}@media (max-width: 376px){.story .bg-story p{font-size:.85em}}.timer{width:100%;height:100vh;padding:20px;font-family:Arial,sans-serif;background:linear-gradient(to bottom,#b0a7a2,#292929)}@media (min-width: 1024px){.timer .boxTimer:nth-child(2){position:absolute;right:0;top:0;margin:20px;width:calc(50% - 40px);height:calc(100% - 40px)}}.timer .boxTimer{background-color:#000;color:#fff;padding:20px;border-radius:10px;margin-bottom:20px;text-align:center}@media (min-width: 1024px){.timer .boxTimer{width:50%;height:100%}}.timer .boxTimer h1{font-family:DM Sans,serif;font-size:24px;margin-bottom:20px}.timer .boxTimer .eventInfo{margin:15px 0;padding:10px;background-color:#ffffff1a;border-radius:5px}.timer .boxTimer .eventInfo p{font-family:DM Sans,serif;margin:5px 0;font-size:14px}.timer .boxTimer .timerDisplay{display:flex;justify-content:center;gap:10px;padding:10px;border:2px solid purple;margin:15px 0}.timer .boxTimer .timerDisplay .timerBox{text-align:center;min-width:60px}.timer .boxTimer .timerDisplay .timerBox .number{font-family:DM Sans,serif;font-size:36px;font-weight:700}.timer .boxTimer .timerDisplay .timerBox .label{font-family:DM Sans,serif;font-size:12px;opacity:.8}.timer .boxTimer .saveDate{background-color:#000;color:#fff;border:2px solid white;padding:10px 20px;border-radius:5px;font-size:16px;cursor:pointer;margin:10px 0;transition:background-color .3s;font-family:DM Sans,serif}.timer .boxTimer .saveDate:hover{background-color:#ffffff1a}.timer .boxTimer iframe{width:100%;height:35vh}@media (max-width: 376px){.timer .boxTimer iframe{height:20vh}}.wish{width:100%;height:100vh;font-family:Arial,sans-serif;background:linear-gradient(to bottom,#292929,#292929);padding:20px}.wish .boxWishes{background-color:#000000e6;padding:20px;border-radius:10px;color:#fff}@media (min-width: 1024px){.wish .boxWishes{width:100%;height:100%}}.wish .boxWishes h2{font-family:Tangerine,serif;text-align:center;font-size:2em;margin-bottom:20px}.wish .boxWishes .form{margin-bottom:20px}.wish .boxWishes .form .formGroup{margin-bottom:15px}.wish .boxWishes .form .formGroup input,.wish .boxWishes .form .formGroup textarea{width:100%;padding:12px;border-radius:5px;border:1px solid rgba(255,255,255,.3);background-color:#ffffff1a;color:#fff;font-size:14px}.wish .boxWishes .form .formGroup input::placeholder,.wish .boxWishes .form .formGroup textarea::placeholder{color:#fff9}.wish .boxWishes .form .formGroup .wishInput{height:100px;resize:none}.wish .boxWishes .form .sendButton{width:100%;font-size:1.3em;font-family:Sofia;padding:12px;border-radius:5px;border:none;background-color:#fff;color:#000;font-weight:700;cursor:pointer;transition:all .3s}.wish .boxWishes .form .sendButton:hover{background-color:#ffffffe6}.wish .boxWishes .wishesContainer{max-height:50vh;overflow-y:auto;padding-right:10px}@media (max-width: 376px){.wish .boxWishes .wishesContainer{max-height:30vh}}@media (min-width: 1024px){.wish .boxWishes .wishesContainer{max-height:25vh}}.wish .boxWishes .wishesContainer::-webkit-scrollbar{width:5px}.wish .boxWishes .wishesContainer::-webkit-scrollbar-track{background:#ffffff1a}.wish .boxWishes .wishesContainer::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:5px}.wish .boxWishes .wishesContainer .wishCard{background-color:#ffffff1a;padding:15px;border-radius:8px;margin-bottom:15px}.wish .boxWishes .wishesContainer .wishCard .wishHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.wish .boxWishes .wishesContainer .wishCard .wishHeader h3{margin:0;font-family:Titillium Web;font-weight:300;font-size:16px}.wish .boxWishes .wishesContainer .wishCard .wishHeader .timeAgo{font-size:12px;color:#fff9}.wish .boxWishes .wishesContainer .wishCard .wishText{margin:0;font-family:Titillium Web;font-weight:100;font-size:14px;line-height:1.5}.wish .boxWishes .pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.wish .boxWishes .pagination button{padding:8px 15px;border:1px solid rgba(255,255,255,.3);background-color:transparent;color:#fff;border-radius:4px;cursor:pointer;transition:all .3s}.wish .boxWishes .pagination span{font-size:14px}.wish .boxWishes .totalSubmissions{text-align:center;padding:10px;margin:10px 0;background-color:#ffffff1a;border-radius:5px;font-size:14px;color:#fffc}.wish .boxWishes .pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.wish .boxWishes .pagination button{padding:8px 12px;border:1px solid rgba(255,255,255,.3);background-color:transparent;color:#fff;border-radius:4px;cursor:pointer;transition:all .3s;min-width:40px}.wish .boxWishes .pagination button:hover:not(:disabled){background-color:#ffffff1a}.wish .boxWishes .pagination button:disabled{opacity:.5;cursor:not-allowed}.wish .boxWishes .pagination button.active{background-color:#fff3;border-color:#fff}.wish .boxWishes .pagination button.disabled{opacity:.5;cursor:not-allowed}.gift{width:100%;height:100vh;margin:0 auto;background:linear-gradient(to bottom,#292929,#121212);color:#fff}.gift .gift-container{padding:10%;border-radius:10px;height:100vh;width:100%;box-sizing:border-box;align-items:center;position:relative;overflow:hidden}@media (min-width: 1024px){.gift .gift-container{position:absolute;right:0;top:0;width:100%;padding:10% 30%}}.gift .gift-header{display:flex;align-items:center;gap:10%;margin-bottom:5%;font-size:1.5em;text-align:center}.gift .gift-header h2{font-family:Tangerine,serif;font-size:2em}.gift .gift-icon{font-size:2em}.gift .gift-section{margin-bottom:5%}@media (max-width: 376px){.gift .gift-section{margin-bottom:2%}}.gift .gift-section h3{font-family:DM Sans,serif;margin-bottom:3%}.gift .gift-section .gift-box{background-color:#aaa;border-radius:10px;padding:4%;display:flex;justify-content:space-between;align-items:center;margin-top:3%;color:#333}.gift .gift-section .gift-box .gift-info{flex:1}.gift .gift-section .gift-box .gift-info .account-number{font-size:1.2em;font-weight:700}.gift .gift-section .gift-box .gift-info .account-name{font-size:.9em;color:#555}.gift .gift-section .gift-box .gift-info .address{font-size:.9em}.gift .gift-section .gift-box .copy-icon{cursor:pointer;font-size:1.5em}.gift .gift-section .gift-box .copy-icon:hover{color:#222}.gift .decorative-container{position:absolute;bottom:100px;left:0;width:100%;height:50%;pointer-events:none}@media (max-width: 376px){.gift .decorative-container{bottom:50px}}@media (min-width: 1024px){.gift .decorative-container{position:absolute;top:-100px;width:100%}}.gift .floating-gift{position:absolute;font-size:3.5em;opacity:.8}.gift .floating-gift.gift-1{left:20%;bottom:10%}.gift .floating-gift.gift-2{right:25%;bottom:15%}.gift .star{position:absolute;font-size:2.5em;opacity:.6}.gift .star.star-1{left:35%;bottom:40%}.gift .star.star-2{right:40%;bottom:35%}.gallery-container{width:100%;height:100%;margin:0 auto;padding:30px;background-color:#121212;box-shadow:0 0 10px #0000001a}.gallery-container .gallery-title{font-size:2em;font-weight:300;margin-bottom:20px;font-family:Lobster Two,serif;text-align:center;color:#fff}.gallery-container .gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;grid-auto-rows:minmax(40px,auto)}@media (max-width: 376px){.gallery-container .gallery-grid{grid-auto-rows:minmax(20px,auto);height:65vh}}@media (min-width: 1024px){.gallery-container .gallery-grid{grid-auto-rows:minmax(10px,auto);height:65vh;padding:0 25%}}.gallery-container .gallery-grid .gallery-item{border-radius:15px;overflow:hidden;background-color:#e0e0e0}.gallery-container .gallery-grid .gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-container .gallery-grid .gallery-item.small{grid-column:span 4;grid-row:span 3}.gallery-container .gallery-grid .gallery-item.medium{grid-column:span 8;grid-row:span 4}.gallery-container .gallery-grid .gallery-item:nth-child(5){grid-column:9/span 4}.gallery-container .gallery-grid .gallery-item:nth-child(6){grid-column:1/span 4}.gallery-container .label{color:#fff;margin-top:2em;padding:10px;align-items:center}.gallery-container .label a{font-weight:700;color:#c9b38a}@media (min-width: 1024px){.gallery-container .label{text-align:center}}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;overflow-x:hidden;box-sizing:border-box}*{padding:0;margin:0;box-sizing:border-box;font-family:DM Sans,sans-serif}body{background-color:#b0a7a2;color:#292929}a{text-decoration:none;color:inherit}section{height:100vh;scroll-snap-align:center;position:relative;max-width:100%}.music-control-wrapper{position:fixed;bottom:30px;right:90px;z-index:9999}@media (max-width: 376px){.music-control-wrapper{bottom:15px}}@media (min-width: 1024px){.music-control-wrapper{bottom:20px}}.music-control-button{background-color:#00000080;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease}.music-control-button:hover{background-color:#000000b3;transform:scale(1.1)}.music-icon{font-size:20px}