@import"https://fonts.googleapis.com/css2?family=Italianno&display=swap";@import"https://fonts.googleapis.com/css2?family=Pinyon+Script&family=Spectral:wght@300;400;500;600&display=swap";.details-section h2,.details-section h3,.countdown-content h2,.countdown-content h3,.appreciation h2,.appreciation h3,.appreciation .hashtag,.doa-content h2,.doa-content h3,.navigation-modal h3,.couple-gallery-section h2,.wishes-section h2,[style*="Pinyon Script"]{font-family:Italianno,cursive!important}:root{font-family:Spectral,serif;color:#443d38;background:#f7f1e8;font-synthesis:none}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}.site-shell{min-height:100vh;background:#f7f1e8}.cover{position:relative;width:100%;height:100svh;min-height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center;isolation:isolate;background:#000}.cover-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}.cover-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to bottom,#0000000a,#00000021)}.open-card{position:absolute;z-index:2;left:0;right:0;bottom:clamp(7%,10vh,12%);width:max-content;margin:0 auto;border:0;padding:0;background:transparent;cursor:pointer;filter:drop-shadow(0 12px 24px rgba(0,0,0,.18))}.open-card img{display:block;width:clamp(190px,38vw,310px);height:auto}.invitation{min-height:100svh;background:#f7f1e8}.inside-first-page{position:relative;width:100%;height:100svh;min-height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f7f1e8}.first-page-video{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center}.details-section{max-width:920px;margin:0 auto;padding:100px 24px 120px;text-align:center}.details-section h2{margin:22px 0;font-family:Pinyon Script,cursive;font-size:clamp(58px,11vw,92px);line-height:.95;font-weight:400;color:#574b42}.eyebrow,.detail-label{margin:0;font-family:Spectral,serif;font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#9b8060}.majlis-details{position:relative;width:100%;max-width:none;margin:0;overflow:hidden;padding:clamp(105px,12vw,145px) clamp(24px,6vw,80px) clamp(115px,13vw,155px);background:linear-gradient(180deg,#ffffff38,#f7f1e8fa);isolation:isolate}.border-decoration{position:absolute;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:auto;opacity:.2}.border-top-right{top:0;right:0;transform:translateY(-1%);transform-origin:top right}.border-bottom-left{bottom:0;left:0;transform:translateY(1%);transform-origin:bottom left}.majlis-details>.eyebrow,.majlis-details>h2,.wedding-detail-list{position:relative;z-index:2}.wedding-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:820px;margin:0 auto}.wedding-detail{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 30px;background:#fffcf78f;box-shadow:none;border:0;border-radius:28px 8px;position:relative}.wedding-detail:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(155,128,96,.12);border-radius:28px 8px;pointer-events:none}.wedding-detail>svg{color:#a8845d;flex:none}.wedding-detail h3{margin:12px 0 5px;font-family:Spectral,serif;font-size:clamp(22px,3vw,29px);font-weight:400;color:#50463e}.wedding-detail>p:not(.detail-label){margin:0;font-family:Spectral,serif;color:#756b63;font-size:14px;line-height:1.7;max-width:500px}.location-detail h3{font-size:clamp(19px,2.6vw,25px);letter-spacing:.02em}.detail-label{margin-top:13px!important}.detail-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:11px 19px;border:1px solid rgba(168,132,93,.55);border-radius:999px;background:#f7f1e8b3;color:#765d43;text-decoration:none;font:400 11px Spectral,serif;letter-spacing:.06em;cursor:pointer;transition:.25s ease}.detail-button:hover{background:#a8845d;color:#fff}.calendar-actions,.navigation-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.calendar-actions .detail-button{margin-top:16px}.date-time-detail{min-height:290px;padding:38px 34px 34px}.date-time-detail>svg{margin-bottom:2px}.date-time{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;width:min(100%,560px);margin:18px auto 4px;padding:18px 10px;border-top:1px solid rgba(168,132,93,.15);border-bottom:1px solid rgba(168,132,93,.15);gap:20px}.date-time>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0}.date-time strong{font-family:Spectral,serif;font-size:clamp(17px,2.4vw,22px);font-weight:500;line-height:1.25;color:#50463e}.date-time span{font-family:Spectral,serif;font-size:11px;line-height:1.4;color:#9b8060;letter-spacing:.04em}.date-time i{display:block;width:1px;height:48px;background:#a8845d47}.save-date-button{margin-top:20px;padding:12px 26px;background:#a8845d;color:#fff;border-color:#a8845d;font-size:12px;letter-spacing:.08em}.save-date-button:hover{background:#765d43;border-color:#765d43}.calendar-disclaimer{margin:20px auto 0;max-width:290px;font-family:Spectral,serif;font-size:10px;line-height:1.6;color:#8d8176}.calendar-modal .calendar-actions{flex-direction:column;width:min(100%,270px);margin:0 auto}.calendar-modal .calendar-actions .detail-button{width:100%;margin-top:8px}.countdown-section{min-height:100svh;scroll-margin-top:20px}.countdown-content{width:min(100%,680px);min-height:100svh;margin:0 auto;padding:54px 22px 108px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.countdown-intro{display:flex;flex-direction:column;align-items:center}.countdown-intro .eyebrow{margin-bottom:8px}.countdown-content h2{margin:0;font-family:Pinyon Script,cursive;font-size:clamp(50px,10vw,76px);line-height:.9;font-weight:400;color:#574b42}.countdown-subtitle{margin:10px 0 0;font-family:Spectral,serif;font-size:12px;line-height:1.5;color:#8a7b6f}.countdown{display:flex;justify-content:center;gap:clamp(12px,6vw,38px);margin-top:25px;padding:14px 4px 11px}.countdown-item{display:flex;flex-direction:column;align-items:center;min-width:48px}.countdown-item strong{font-family:Spectral,serif;font-size:clamp(28px,7vw,46px);font-weight:300;line-height:1;color:#574b42;letter-spacing:.015em}.countdown-item span{margin-top:6px;font-family:Spectral,serif;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#9b8060}.appreciation{position:relative;width:min(100%,520px);margin-top:36px;padding:22px 18px 8px;text-align:center;color:#756b63}.appreciation-ornament{display:flex;align-items:center;justify-content:center;width:30px;height:30px;margin:0 auto 7px;border-radius:50%;color:#a8845d;background:#a8845d14}.appreciation h3{margin:0 0 8px;font-family:Pinyon Script,cursive;font-size:clamp(32px,7vw,48px);line-height:1;font-weight:400;color:#574b42}.appreciation p{margin:0;font-family:Spectral,serif;font-size:13px;line-height:1.55;color:#756b63}.appreciation-line{display:block;width:42px;height:1px;margin:17px auto 10px;background:#a8845d52}.appreciation .hashtag{margin:0;font-family:Pinyon Script,cursive;font-size:24px;line-height:1;color:#a8845d}.doa-section{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:60px 24px;background-position:center;background-repeat:no-repeat;background-size:cover}.doa-content{width:min(100%,680px);text-align:center;color:#62584f}.doa-content h2{margin:0 0 15px;font-family:Pinyon Script,cursive;font-size:clamp(58px,11vw,88px);line-height:.9;font-weight:400;color:#574b42}.doa-arabic{font-size:clamp(18px,4vw,25px);margin:0 0 24px}.doa-text p{margin:0 auto 12px;font-family:Spectral,serif;font-size:clamp(13px,2.3vw,16px);line-height:1.55}.doa-amin{margin-top:22px;font-size:clamp(21px,4vw,28px)}.wishes-section{scroll-margin-top:20px}.wishes-section h2{color:#574b42}.navigation-modal{position:relative;width:min(92vw,420px);max-height:min(88svh,720px);overflow-y:auto;padding:30px 22px 24px;text-align:center;background:#fffcf7f5;border:1px solid rgba(168,132,93,.18);border-radius:30px 12px;box-shadow:0 20px 60px #574b4229}.navigation-modal h3{margin:6px 0 5px;font-family:Pinyon Script,cursive;font-size:36px;font-weight:400;color:#574b42}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#41383047;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:#a8845d1a;color:#765d43;cursor:pointer}.contact-intro{margin:0 auto 16px;font:400 11px/1.5 Spectral,serif;color:#8a7b6f}.contact-list{display:flex;flex-direction:column;gap:9px;text-align:left}.contact-person{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;background:#a8845d0e;border:1px solid rgba(168,132,93,.12);border-radius:18px 7px}.contact-person-info{min-width:0;display:flex;flex-direction:column;gap:2px}.contact-person-info strong{font:500 15px/1.2 Spectral,serif;color:#574b42}.contact-person-info span{font:400 9px/1.3 Spectral,serif;color:#9b8060}.contact-actions{display:flex;gap:6px;flex:none}.contact-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:52px;padding:7px 8px;border:1px solid rgba(168,132,93,.3);border-radius:999px;background:#fffcf7b3;color:#765d43;text-decoration:none;font:400 9px Spectral,serif;letter-spacing:.03em;transition:.2s ease}.contact-action:hover{background:#a8845d;color:#fff;border-color:#a8845d}.dummy-contact-note{margin:14px 8px 0;font:400 9px/1.5 Spectral,serif;color:#9a8d82}.bottom-nav{position:fixed;left:50%;bottom:max(10px,env(safe-area-inset-bottom));z-index:90;transform:translate(-50%);width:min(calc(100% - 22px),440px);height:62px;padding:6px;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;background:#fffcf7eb;border:1px solid rgba(168,132,93,.22);border-radius:24px 10px;box-shadow:0 10px 35px #574b4224;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bottom-nav button{min-width:0;border:0;background:transparent;border-radius:18px 7px;color:#806c58;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:400 9px Spectral,serif;letter-spacing:.05em;cursor:pointer;transition:.2s ease}.bottom-nav button:hover,.bottom-nav button:focus-visible{background:#a8845d1a;color:#574b42;outline:none}.music-list{display:flex;flex-direction:column;gap:8px;margin-top:12px;text-align:left;font:400 12px Spectral,serif;color:#756b63}.music-list div{padding:10px 12px;background:#a8845d12;border-radius:12px}@media(max-width:600px){.wedding-detail-list{grid-template-columns:1fr;gap:12px}.majlis-details{padding:42px 20px 48px}.date-time-detail,.wedding-detail{min-height:220px;padding:22px 18px}.bottom-nav{height:60px}.bottom-nav button{font-size:8px}.countdown-content{padding:42px 18px 100px}.countdown{gap:clamp(9px,4.5vw,20px)}.countdown-item{min-width:42px}.countdown-item strong{font-size:clamp(25px,8vw,38px)}.appreciation{margin-top:28px;padding-left:8px;padding-right:8px}.contact-person{align-items:flex-start}.contact-actions{margin-top:1px}}.majlis-details{width:100%;max-width:none;min-height:100svh!important;height:100svh!important;margin:0;padding:42px 20px 48px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;background-image:url(/assets/standard-bg.png)!important;background-position:center center!important;background-repeat:no-repeat!important;background-size:cover!important;background-color:transparent!important}.majlis-details .wedding-detail-list{width:100%;max-width:820px}.couple-gallery-section{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:48px 20px 76px;text-align:center;background-position:center center;background-repeat:no-repeat;background-size:cover}.couple-gallery-content{width:min(100%,560px);margin:0 auto}.couple-gallery-content h2{margin:0;font-family:Pinyon Script,cursive;font-size:clamp(52px,10vw,76px);line-height:.9;font-weight:400;color:#574b42}.couple-gallery-subtitle{margin:10px auto 20px;font-family:Spectral,serif;font-size:12px;line-height:1.5;color:#756b63}.couple-gallery-frame{position:relative;width:min(100%,430px);aspect-ratio:4 / 5;margin:0 auto;overflow:hidden;border-radius:32px 10px;background:#fffcf794;border:1px solid rgba(168,132,93,.22);box-shadow:0 18px 45px #574b421f}.couple-gallery-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}.couple-gallery-dots{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:13px}.couple-gallery-dots span{width:5px;height:5px;border-radius:999px;background:#a8845d61;transition:all .3s ease}.couple-gallery-dots span.is-active{width:16px;background:#806044b8}.music-modal{width:min(92vw,430px);padding:28px 18px 20px;background:#fffcf7f7;border:1px solid rgba(168,132,93,.18);border-radius:30px 12px}.music-modal-heading{text-align:center;padding:2px 18px 16px}.music-heading-icon{width:38px;height:38px;margin:0 auto 7px;display:grid;place-items:center;border-radius:50%;color:#806044;background:#80604417}.music-modal-heading .eyebrow{margin-bottom:3px}.music-modal-heading h3{margin:0;font-family:Pinyon Script,cursive;font-size:40px;line-height:1;font-weight:400;color:#574b42}.music-modal-heading p:last-child{margin:6px 0 0;font:400 11px/1.45 Spectral,serif;color:#8a7b6f}.music-now-playing{display:none}.music-modal .music-list{display:flex;flex-direction:column;gap:5px;margin-top:0;text-align:left}.music-track{width:100%;min-height:62px;display:grid;grid-template-columns:30px minmax(0,1fr) 34px;align-items:center;gap:10px;padding:10px 10px 10px 8px;border:1px solid transparent;border-radius:17px 7px;background:transparent;color:#756b63;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.music-track:hover{background:#80604412;transform:translateY(-1px)}.music-track:active{transform:scale(.99)}.music-track.is-active{background:#80604426;border-color:#8060443d;box-shadow:inset 3px 0 #806044}.music-track-number{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font:500 9px/1 Spectral,serif;letter-spacing:.08em;color:#806044;background:#80604412;transition:.2s ease}.music-track.is-active .music-track-number{color:#fff;background:#806044}.music-track-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.music-track-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 12px/1.3 Spectral,serif;color:#574b42;transition:color .2s ease}.music-track-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 9px/1.35 Spectral,serif;color:#9b8c80}.music-track.is-active .music-track-copy strong{color:#806044}.music-track-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#806044;background:#80604414;transition:.2s ease}.music-track:hover .music-track-icon{background:#80604424}.music-track.is-active .music-track-icon{color:#fff;background:#806044;box-shadow:0 4px 12px #8060443d}@media(max-width:600px){.music-modal{width:min(92vw,390px);padding:25px 14px 17px}.music-modal-heading{padding-bottom:14px}.music-modal-heading h3{font-size:37px}.music-track{min-height:60px;grid-template-columns:28px minmax(0,1fr) 32px;gap:9px;padding:9px 8px}.music-track-number{width:28px;height:28px}.music-track-icon{width:30px;height:30px}}