*{box-sizing:border-box}html{background:#ebe0ca}body{margin:0;color:#302e22;font-family:'Noto Naskh Arabic',serif;font-weight:400}.invitation{position:relative;max-width:900px;margin:auto;container-type:inline-size;box-shadow:0 0 45px #36241418}.frame{display:block;width:100%;height:auto}.quran{position:absolute;top:17.5cqw;left:14%;width:72%;text-align:center;color:#353a22;font-family:'Amiri Quran',serif;font-size:3.6cqw;line-height:1.85;word-spacing:-.10em;letter-spacing:normal;font-synthesis:none}.quran p{margin:0;white-space:nowrap}.attribution{position:absolute;top:33cqw;left:20%;width:60%;display:flex;justify-content:center;align-items:center;gap:1.6cqw;color:#a38654;font-size:1.9cqw}.attribution>span:first-child,.attribution>span:last-child{font-size:1.6cqw}.intro{position:absolute;top:39cqw;left:20%;width:60%;text-align:center;font-size:2.8cqw;margin:0}h1{position:absolute;top:44cqw;left:14%;width:72%;margin:0;display:flex;align-items:center;justify-content:center;gap:4cqw;font-family:'Aref Ruqaa',serif;font-size:6.3cqw;font-weight:700;color:#6a211c;line-height:1.6;white-space:nowrap}.tatreez{width:6.1cqw;height:11.8cqw;display:block;background-image:url('assets/family-tatreez.png');background-size:9.2cqw auto;background-position:-.35cqw -.6cqw;background-repeat:no-repeat;flex-shrink:0;mask-image:linear-gradient(to right,transparent,black 7%,black 93%,transparent),linear-gradient(to bottom,transparent,black 5%,black 95%,transparent);mask-composite:intersect}.invite-copy{position:absolute;top:58cqw;left:15%;width:70%;text-align:center;font-size:2.7cqw;line-height:1.85;margin:0}.details{position:absolute;top:70.8cqw;left:25%;width:50%;display:grid;grid-template-columns:1fr 1px 1fr;gap:4cqw;text-align:center;color:#67251e}.details svg{width:3.8cqw;height:3.8cqw;border:1px solid #ae9058;border-radius:50%;padding:.5cqw;box-sizing:content-box}.details p{font-size:2.2cqw;margin:.3cqw 0 0;color:#353124}.details strong{font-size:2.6cqw;font-weight:400;display:block;line-height:1.4}.date-divider{width:1px;background:#ad8b51;height:9.4cqw;align-self:center;position:relative}.date-divider:before,.date-divider:after{content:'◇';position:absolute;color:#ad8b51;left:50%;transform:translateX(-50%);font-size:1.4cqw;background:#f5ecd9;line-height:1}.date-divider:before{top:-.5cqw}.date-divider:after{bottom:-.5cqw}h2{font-size:2.7cqw;font-weight:500;line-height:1.4;color:#454a2d;margin:0 0 .8cqw}.countdown-section{position:absolute;top:87.5cqw;left:23%;width:54%;text-align:center}.countdown{display:flex;justify-content:center;gap:2cqw}.countdown>div{min-width:7.6cqw}.countdown strong{display:block;font-size:3cqw;font-weight:500;color:#6a211c;line-height:1.2;font-variant-numeric:tabular-nums}.countdown span{font-size:1.7cqw}.location{position:absolute;top:101.5cqw;left:20%;width:60%;text-align:center}.location h2{margin-bottom:.5cqw}.hotel{font-family:Georgia,serif;font-size:2.05cqw;color:#69231c;margin:0 0 .5cqw}.address{font-size:1.75cqw;margin:0 0 1cqw}.map-wrap{height:15cqw;border:1px solid #ad905b;border-radius:1cqw;overflow:hidden;background:#e5ddc9}.map-wrap iframe{display:block;width:100%;height:100%;border:0}.location a{font-size:1.7cqw;color:#6c542f;display:inline-block;margin-top:.6cqw;text-underline-offset:2px}.rsvp{position:absolute;top:134cqw;left:13%;width:74%;text-align:center;border:1px solid #ad905b;border-radius:1.6cqw;padding:2.7cqw 3cqw 3cqw;background:transparent}.rsvp h2{font-size:2.8cqw;margin:0 0 2cqw;font-weight:500}#rsvp-form{position:relative}#guest-name{display:block;width:100%;height:7cqw;border:1px solid #ad905b;border-radius:1.3cqw;background:#fff9ef25;font:inherit;font-size:2.5cqw;text-align:right;padding:1cqw 2cqw;color:#473a28}#guest-name::placeholder{color:#8b8070}.response-buttons{display:flex;gap:2cqw;margin-top:2.8cqw}.image-button{flex:1;height:7.7cqw;border:1px solid #a98c55;border-radius:2.6cqw;font:inherit;font-size:3cqw;cursor:pointer}.image-button.yes{background:#4e5230;color:#f7e8bc}.image-button.no{background:#fffaf02b;color:#6a211c}.image-button:hover{box-shadow:inset 0 0 0 1px #a88a50}.image-button.selected{box-shadow:0 0 0 2px #bca37080}.demo-note{position:absolute;top:174cqw;left:15%;width:70%;text-align:center;font-size:1.45cqw;margin:0;color:#837256}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}dialog{border:1px solid #c7ae7f;border-radius:12px;background:#f5efe3;color:#52603b;max-width:920px;width:94%;text-align:center;padding:26px 22px 23px;box-shadow:0 12px 60px #30201230;font-family:'Noto Naskh Arabic',serif}dialog::backdrop{background:#2e281855}.confirmation-icon{width:46px;height:46px;display:block;margin:0 auto 13px}dialog h2{font-family:inherit;font-size:24px;font-weight:500;line-height:1.6;margin:0 0 11px;color:#53613c}dialog p{font-family:inherit;font-size:23px;font-weight:400;line-height:1.7;margin:7px 0;color:#792620}#confirmation-followup{font-size:20px}.confirmation-date{font-size:16px!important;color:#9b7d50!important;margin-top:15px!important}.confirmation-families{font-family:'Aref Ruqaa',serif!important;font-size:22px!important;color:#53613c!important;margin-bottom:0!important}.close{position:absolute;top:5px;left:9px;font:24px Georgia,serif;background:transparent;border:0;color:#8b7859;cursor:pointer;padding:2px 7px}#storage-warning{font-size:13px;color:#8c3323}:focus-visible{outline:2px solid #8c5b25;outline-offset:3px}[hidden]{display:none!important}@media(min-width:960px){body{padding:15px 0}}@media(max-width:520px){dialog{padding:25px 16px 20px}dialog h2{font-size:23px}dialog p{font-size:21px}#confirmation-followup{font-size:19px}}
#confirmation-text{white-space:nowrap;font-size:23px;line-height:1.7}#confirmation-title{font-family:inherit}.quran p{letter-spacing:normal}
/* Flowing invitation: original fonts, artwork and palette. */
.invitation{isolation:isolate;padding:17.5cqw 0 21cqw;background:#f5ecd9;overflow:hidden}.invitation:before{content:"";position:absolute;inset:0;z-index:-1;border-style:solid;border-width:42.5cqw 17cqw 18cqw;border-image:url('assets/stationery-refined.png') 400 160 170 fill stretch;pointer-events:none}.frame{display:none}.quran,.attribution,.intro,h1,.invite-copy,.details,.countdown-section,.location,.rsvp{position:relative;top:auto;left:auto;margin-left:auto;margin-right:auto}.quran{margin-top:0}.attribution{margin-top:2cqw}.intro{margin-top:5cqw}h1{margin-top:1.4cqw}.invite-copy{margin-top:3cqw}.details{margin-top:0;margin-bottom:0}.ornament{width:36%;margin:5cqw auto;display:flex;justify-content:center;align-items:center;gap:1cqw}.ornament i{height:1px;background:#ad905b;flex:1}.ornament .tatreez,.panel-ornament .tatreez{width:3.1cqw;height:5.9cqw;background-size:4.6cqw auto;background-position:-.175cqw -.3cqw}.countdown-section{width:60%;margin-top:0}.countdown-section h2{margin-bottom:2cqw}.countdown{gap:3cqw}.countdown strong{font-size:3.5cqw}.countdown span{font-size:2cqw}.location{width:64%;margin-top:0}.location h2{margin-bottom:1.8cqw}.map-wrap{height:24cqw;margin-top:2cqw}.address{font-size:2cqw}.location a{font-size:2cqw;margin-top:1.5cqw}.adults-note{margin:6cqw auto 5cqw;text-align:center;width:78%;font-size:2.3cqw;color:#6a211c}.rsvp{width:66%;padding:4cqw 3.5cqw 3.8cqw;margin-top:0;border-radius:1.2cqw;outline:1px solid #ad905b66;outline-offset:.65cqw}.panel-ornament{position:absolute;left:50%;transform:translateX(-50%);padding:0 1.2cqw;background:#f5ecd9}.panel-ornament.top{top:-3cqw}.panel-ornament.bottom{bottom:-3cqw}.rsvp:before,.rsvp:after{content:'❖';position:absolute;top:50%;color:#792620;font-size:2.4cqw;background:#f5ecd9;line-height:1.8}.rsvp:before{right:-1.3cqw}.rsvp:after{left:-1.3cqw}.rsvp h2{margin-bottom:2.3cqw}#guest-name{height:6.5cqw}.image-button{height:6.5cqw;font-size:2.7cqw}.response-buttons{margin-top:2cqw}.reply-note{text-align:center;width:75%;margin:5cqw auto 0;font-size:1.8cqw;color:#837256}#submit-error{font-size:2cqw;color:#792620;margin:1.5cqw 0 0}.image-button:disabled{opacity:.55;cursor:wait}
.invitation{padding:0}.invitation header{padding-top:17.5cqw}.reply-note{padding-bottom:21cqw;margin-bottom:0}
/* Keep the original artwork at its natural aspect ratio. */
.invitation:before{border:0;height:177.68cqw;bottom:auto;background:url('assets/stationery-refined.png') top center/100% auto no-repeat;mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}
.invitation:after{content:"";position:absolute;z-index:-2;pointer-events:none;bottom:0;left:0;width:100%;height:177.68cqw;background:url('assets/stationery-refined.png') bottom center/100% auto no-repeat;mask-image:linear-gradient(to bottom,transparent 25%,#000 48%)}
.countdown-section{margin-top:7cqw}.ornament.varied{margin:4.5cqw auto;width:36%;height:4.8cqw}.ornament.varied svg{display:block;width:100%;height:auto}
.rsvp{width:66%;min-height:36.4cqw;border:0;outline:0;border-radius:0;padding:5.3cqw 5cqw 4cqw;isolation:isolate}.panel-ornament{display:none}.rsvp:after{display:none}.rsvp:before{content:"";position:absolute;inset:0;width:100%;height:36.4cqw;z-index:-1;background:url('assets/rsvp-reference.png') center -47.9cqw/66cqw auto no-repeat;mask-image:linear-gradient(to right,#000 0 4.8cqw,transparent 4.8cqw calc(100% - 4.8cqw),#000 calc(100% - 4.8cqw)),linear-gradient(to bottom,#000 0 4cqw,transparent 4cqw calc(100% - 2.8cqw),#000 calc(100% - 2.8cqw));pointer-events:none}
.music-entry{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#f4ecddf5;backdrop-filter:blur(5px)}.music-entry button{font-family:'Noto Naskh Arabic',serif;cursor:pointer}#open-invitation{font-size:25px;background:#535736;border:1px solid #b49862;color:#fff0cf;border-radius:40px;padding:14px 40px}#open-silently{font-size:15px;background:none;border:0;color:#786442;text-decoration:underline;text-underline-offset:5px}.music-toggle{position:fixed;bottom:20px;left:16px;z-index:15;width:44px;height:44px;border:1px solid #ae9058;border-radius:50%;color:#69231c;background:#f5ecd9;font-size:24px;cursor:pointer;box-shadow:0 2px 12px #30201222}.music-toggle[aria-pressed="false"]{opacity:.7}
/* Native embroidery and a shared confirmation type scale. */
.ornament.stitched{margin:4.5cqw auto;width:40%;height:auto}.ornament.stitched img{width:100%;height:auto;display:block}.location{margin-top:7cqw}.location-icon{width:3.8cqw;height:3.8cqw;border:1px solid #ae9058;border-radius:50%;padding:.5cqw;box-sizing:content-box;color:#67251e}.location h2{line-height:1;margin-bottom:1.8cqw}
.rsvp{min-height:0;padding:5cqw 4cqw 4.5cqw;border:1px solid #ad905b;border-radius:.6cqw;outline:1px solid #ad905b55;outline-offset:.6cqw;background:transparent}.rsvp:before,.rsvp:after{display:none}.stitch-corner{position:absolute;width:6.5cqw;height:6.5cqw;background:url('assets/stitched-corner.svg') center/contain no-repeat;pointer-events:none}.stitch-corner.tl{left:-.8cqw;top:-.8cqw}.stitch-corner.tr{right:-.8cqw;top:-.8cqw;transform:rotate(90deg)}.stitch-corner.bl{left:-.8cqw;bottom:-.8cqw;transform:rotate(-90deg)}.stitch-corner.br{right:-.8cqw;bottom:-.8cqw;transform:rotate(180deg)}
#confirmation-title,#confirmation-text{font-family:'Noto Naskh Arabic',serif;font-weight:400}#confirmation-title{font-size:24px;line-height:1.6}#confirmation-text{line-height:1.7}
.details svg,.location-icon{width:5.1cqw;height:5.1cqw;border:0;border-radius:0;padding:0;box-sizing:border-box}.ornament.stitched{width:31cqw;height:6cqw;margin:4cqw auto}.original-divider{display:block;width:31cqw;height:6cqw;background:url('assets/original-panel.png') -34.5cqw -82cqw/100cqw auto no-repeat;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 7% 93%,transparent)}
.rsvp{border:0;outline:0;border-radius:0;min-height:35cqw;padding:5.7cqw 6cqw 5cqw;background:none}.stitch-corner{display:none}.rsvp:before{display:block;content:"";position:absolute;inset:0;z-index:-1;width:100%;height:100%;background:url('assets/rsvp-tatreez-transparent.png') center/100% 100% no-repeat;mask-image:none;pointer-events:none}
.details>div{display:flex;flex-direction:column;align-items:center}.details svg{display:block;margin:0 auto .3cqw}.details p{margin:0;line-height:1.25}.details strong{margin-top:.25cqw;line-height:1.3}.location-icon{display:block;margin:0 auto}.ornament.stitched{height:auto;width:36cqw;margin:3cqw auto}.ornament.stitched img{display:block;width:100%;height:auto}.ornament.after-countdown{margin-top:3cqw;margin-bottom:2cqw}.location{margin-top:0}.rsvp:before{background-image:url('assets/rsvp-frame-smooth.png');background-size:100% 100%}.reply-note{padding-bottom:2cqw}.footer-tatreez{display:block;width:100%;height:auto;margin:0 auto;position:relative;pointer-events:none}.invitation:after{bottom:0}
/* Approved design: only requested spacing and confirmation consistency. */
.location{margin-top:5cqw}.adults-note{margin-bottom:8cqw}.footer-tatreez{margin-top:-5cqw}
#confirmation-title{font-family:'Noto Naskh Arabic',serif;font-size:24px;font-weight:400;color:#53613c}#confirmation-text{font-family:'Noto Naskh Arabic',serif;font-weight:400;color:#792620;line-height:1.7}