:root{--navy-deep:#0b1830;--navy:#132546;--navy-soft:#1d3a68;--gold:#c7a76b;--gold-soft:#e4d2a8;--ivory:#f7f5ef;--white:#fff;--line:#c7a76b59;--fold-top:#1b2f57;--fold-side:#101f3d;--fold-bottom:#070e1e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--navy-deep);color:var(--ivory);-webkit-font-smoothing:antialiased;margin:0;font-family:Jost,sans-serif;font-weight:400}h1,h2,.display{margin:0;font-family:Playfair Display,serif}.script{font-family:Cormorant Garamond,serif;font-style:italic}p{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.grain{z-index:1;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");position:fixed;inset:0}.bg-ambient{z-index:0;pointer-events:none;background:radial-gradient(circle at 50% 28%,#c7a76b24,#0000 60%);animation:11s ease-in-out infinite bgBreathe;position:fixed;inset:0}@keyframes bgBreathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}.gold-dust{z-index:1;pointer-events:none;opacity:.08;mix-blend-mode:screen;background-image:url(/build/assets/gold-dust-Bxa7Ihpd.png);background-position:50%;background-size:cover;position:fixed;inset:0}.floral{pointer-events:none;opacity:.92;aspect-ratio:700/987;filter:drop-shadow(0 6px 14px #00000059);background-image:url(/build/assets/floral-corner-ue1mtv6p.png);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute}.app{max-width:520px;min-height:100vh;margin:0 auto;padding-bottom:96px;position:relative;overflow-x:hidden}.hero{text-align:center;background:var(--navy-deep);border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:70px 28px 46px;display:flex;position:relative;overflow:hidden}.hero .floral--tl{z-index:1;opacity:.75;width:120px;top:-14px;left:-14px}.hero .floral--tr{z-index:1;opacity:.75;width:120px;top:-14px;right:-14px;transform:scaleX(-1)}.hero-parallax{will-change:transform;z-index:0;width:min(88%,360px);position:absolute;top:15%;left:50%;transform:translate(-50%)}.hero-photo{filter:saturate(.82)brightness(.82);transform-origin:50% 60%;width:100%;animation:7s ease-in-out infinite heroFloat;display:block}@keyframes heroFloat{0%,to{transform:translateY(0)rotate(-.4deg)}50%{transform:translateY(-10px)rotate(.4deg)}}.hero-scrim{z-index:1;background:linear-gradient(#0b18301f 0%,#0b183033 22%,#0b18309e 48%,#0b1830d9 100%);position:absolute;inset:0}.hero-content{z-index:2;position:relative}.hero-kicker-curve{filter:drop-shadow(0 2px 8px #0009);width:min(320px,84%);margin:0 auto;display:block}.hero-kicker-curve text{letter-spacing:2.4px;fill:var(--gold-soft);font-family:Jost,sans-serif;font-size:16px}.hero-names{color:var(--white);text-shadow:0 4px 20px #000000a6;margin-top:10px;font-size:36px;line-height:1.2}.hero-amp{color:var(--gold);margin:6px 0;font-family:Cormorant Garamond,serif;font-size:18px;font-style:italic;display:block}.hero-date{z-index:2;letter-spacing:.08em;color:var(--gold-soft);text-shadow:0 2px 12px #0009;margin-top:16px;font-size:14px;position:relative}.sparks{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.spark{background:radial-gradient(circle,var(--gold-soft),transparent 72%);opacity:0;border-radius:50%;width:4px;height:4px;animation:8s ease-in infinite sparkRise;position:absolute;bottom:6%}@keyframes sparkRise{0%{opacity:0;transform:translateY(0)scale(.6)}12%{opacity:.85}85%{opacity:.15}to{opacity:0;transform:translateY(-220px)scale(1)}}.section{border-bottom:1px solid var(--line);padding:46px 28px;position:relative;overflow:hidden}.section:last-of-type{border-bottom:none}.details-photos{justify-content:center;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.details-photos--left{justify-content:flex-start}.details-photos--right{justify-content:flex-end}.details-photo{object-fit:contain;filter:drop-shadow(0 10px 18px #0006);width:auto;height:170px}.details-bg-photo{z-index:0;pointer-events:none;position:absolute;top:20%;left:5%}.details-bg-photo--right{left:auto;right:-8%}.details-bg-photo img{object-fit:contain;filter:drop-shadow(0 16px 28px #00000080);width:auto;height:400px}.details-scrim{z-index:1;pointer-events:none;background:linear-gradient(180deg,#0b18300d 0%,#0b18304d 36%,#0b1830d9 68%,var(--navy-deep) 92%);position:absolute;inset:0}#details .title,#details .detail-block,#programme .title,#programme .programme-list{z-index:2;position:relative}.title{text-align:center;color:var(--white);margin-bottom:26px;padding-bottom:16px;font-size:26px;position:relative}.title .script{color:var(--gold)}.title-underline{background:var(--gold);transform-origin:50%;width:54px;height:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.salam{text-align:center;color:var(--gold-soft);font-size:20px;line-height:1.9}.salam-sub{text-align:center;color:#f7f5ef8c;letter-spacing:.03em;margin-top:6px;font-size:11px}.divider{background:linear-gradient(90deg,var(--gold),var(--gold));width:46px;height:1px;margin:24px auto;position:relative;overflow:hidden}.divider:after{content:"";background:linear-gradient(90deg,#0000,#ffffffe6,#0000) 0 0/200% 100%;animation:3.2s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.parents{text-align:center;letter-spacing:.1em;color:#f7f5ef99;font-size:12px}.parents strong{letter-spacing:0;color:var(--white);font-family:Playfair Display,serif;font-size:19px;font-weight:600;display:block}.parents-role{letter-spacing:.12em;color:var(--gold-soft);margin-top:5px;font-size:11px;display:block}.parents-amp{text-align:center;color:var(--gold);margin:14px 0;font-family:Cormorant Garamond,serif;font-size:18px;font-style:italic}.invite-line{text-align:center;color:#f7f5efd9;margin-top:26px;font-size:14px;line-height:1.8}.invite-line strong{color:var(--gold-soft);font-weight:500}.couple-fullname{color:var(--gold-soft);text-align:center;margin-top:22px;font-family:Cormorant Garamond,serif;font-size:22px;font-style:italic;font-weight:600;line-height:1.55}.couple-fullname-amp{color:var(--gold);margin:2px 0;font-size:16px;display:block}.card{border:1px solid var(--line);text-align:center;background:linear-gradient(#c7a76b0a,#0000);padding:26px 22px}.card+.card{margin-top:16px}.card-label{letter-spacing:.2em;color:var(--gold);font-size:11px}.card-body{color:var(--white);margin-top:10px;font-size:15px;line-height:1.7}.card-body strong{font-family:Playfair Display,serif;font-size:17px;font-weight:600}.detail-block{text-align:center;padding:16px 0}.detail-icon{width:34px;height:34px;color:var(--gold);border:1px solid var(--gold);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;display:flex}.detail-icon svg{width:17px;height:17px}.detail-dot{background:#f7f5ef59;border-radius:50%;width:5px;height:5px;margin:0 auto 14px}.detail-text{color:#f7f5efe6;font-size:15px;line-height:1.7}.detail-text strong{color:var(--white);margin-bottom:2px;font-family:Playfair Display,serif;font-size:17px;font-weight:600;display:block}.btn{-webkit-backdrop-filter:blur(14px)saturate(160%);letter-spacing:.1em;color:var(--gold-soft);background:#c7a76b14;border:1px solid #c7a76b66;border-radius:14px;margin-top:18px;padding:13px 30px;font-size:12px;transition:transform .15s,background .2s;display:inline-block;box-shadow:0 6px 16px #00000047,inset 0 1px #ffffff14}.btn:active{background:#c7a76b33;transform:scale(.96)}.programme-list{grid-template-columns:max-content max-content;justify-content:center;column-gap:16px;margin:0;padding:0;list-style:none;display:grid}.programme-list li{display:contents}.programme-time{color:var(--gold);text-align:right;border-bottom:1px solid #c7a76b33;padding:14px 0;font-family:Playfair Display,serif;font-size:15px}.programme-desc{color:#f7f5efd9;text-align:left;border-bottom:1px solid #c7a76b33;padding:14px 0;font-size:14px}.programme-list li:last-child .programme-time,.programme-list li:last-child .programme-desc{border-bottom:none}.doa{text-align:center;color:#f7f5efcc;font-size:14px;line-height:2}.doa .arabic{color:var(--gold-soft);font-size:22px;line-height:1.9}.doa .arabic-translit{color:#f7f5ef80;margin-top:4px;font-size:11px;font-style:italic;display:block}.count-grid{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:8px;display:grid}.count-item{-webkit-backdrop-filter:blur(16px)saturate(170%);text-align:center;background:#14213c80;border:1px solid #ffffff14;border-radius:16px;padding:16px 4px 14px;box-shadow:0 6px 18px #0000004d,inset 0 1px #ffffff0f}.count-item strong{color:var(--white);font-family:Playfair Display,serif;font-size:26px;display:block}.count-item span{letter-spacing:.12em;color:var(--gold-soft);font-size:10px}.wishes-list{-webkit-overflow-scrolling:touch;scrollbar-width:none;max-height:420px;margin-top:6px;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 22px calc(100% - 22px),#0000);mask-image:linear-gradient(#0000,#000 22px calc(100% - 22px),#0000)}.wishes-list::-webkit-scrollbar{display:none}.wish-item{text-align:left;border-bottom:1px solid #c7a76b26;padding:18px 2px}.wish-item:last-child{border-bottom:none}.wish-name{color:var(--gold-soft);font-family:Playfair Display,serif;font-size:15px;font-weight:600}.wish-badge{letter-spacing:.08em;color:#f7f5ef66;text-transform:uppercase;margin-left:8px;font-size:10px}.wish-text{color:#f7f5efd9;margin-top:6px;font-size:14px;line-height:1.7}.wishes-loading,.wishes-empty,.wishes-error{text-align:center;color:#f7f5ef80;padding:10px 0;font-size:13px}.closing{text-align:center}.closing p{color:#f7f5efbf;font-size:13px;line-height:1.9}.closing-names{color:var(--gold-soft);margin-top:20px;font-size:22px}.closing .floral--br{opacity:.85;width:200px;bottom:-24px;right:-24px;transform:rotate(180deg)}#details .floral--tr{opacity:.55;width:105px;top:-16px;right:-16px;transform:scaleX(-1)}#story .floral--tl{opacity:.4;width:110px;top:-14px;left:-14px}.story-kicker{text-align:center;letter-spacing:.22em;color:var(--gold);z-index:2;margin-bottom:10px;font-size:11px;position:relative}#story .title{z-index:2;margin-bottom:38px;position:relative}.story-track{flex-direction:column;align-items:center;display:flex}.story-bg-photo{z-index:0;pointer-events:none;width:100%;max-width:480px;position:absolute;right:19%;transform:translate(-50%,-50%)}.story-bg-photo img,.story-bg-photo:after{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(#0000,#000 10% 90%,#0000),linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(#0000,#000 10% 90%,#0000),linear-gradient(90deg,#0000,#000 6% 94%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.story-bg-photo img{opacity:.6;filter:grayscale(.1)saturate(.9);height:auto;display:block}.story-bg-photo:after{content:"";background:var(--navy-deep);opacity:.5;position:absolute;inset:0}.story-item,.story-connector{z-index:2;text-align:center;position:relative}.story-item{max-width:320px;margin-left:auto;margin-right:auto}.story-year{color:var(--gold);margin-bottom:8px;font-family:Playfair Display,serif;font-size:34px;font-weight:600;line-height:1}.story-heading{color:var(--gold-soft);margin-bottom:10px;font-family:Cormorant Garamond,serif;font-size:20px;font-style:italic;font-weight:600}.story-text{color:#f7f5efd1;font-size:14px;line-height:1.75}.story-connector{flex-direction:column;align-items:center;height:48px;display:flex}.story-connector:before,.story-connector:after{content:"";background:linear-gradient(180deg,transparent,var(--line),transparent);flex:1;width:1px}.story-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 5px #c7a76b24}.music-btn{z-index:40;color:#e4d2a8;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .15s;display:flex;position:fixed;bottom:96px;right:16px}.music-btn:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(18px)saturate(180%);background:#14213c99;border:1px solid #ffffff1a;border-radius:50%;position:absolute;inset:0;box-shadow:0 8px 22px #0006,inset 0 1px #ffffff14}.music-btn:active{transform:scale(.9)}.music-btn:not(.playing):before{animation:2.6s ease-in-out infinite musicHint}@keyframes musicHint{0%,to{box-shadow:0 8px 22px #0006,inset 0 1px #ffffff14,0 0 #c7a76b00}50%{box-shadow:0 8px 22px #0006,inset 0 1px #ffffff14,0 0 0 7px #c7a76b29}}.music-btn svg{width:19px;height:19px}.nav{z-index:45;-webkit-backdrop-filter:blur(22px)saturate(180%);background:#14213c8c;border:1px solid #ffffff17;border-radius:22px;grid-template-columns:repeat(4,1fr);width:calc(100% - 28px);max-width:492px;display:grid;position:fixed;bottom:14px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 10px 30px #0006,inset 0 1px #ffffff12}.nav button{color:#f7f5ef9e;flex-direction:column;align-items:center;gap:6px;padding:14px 4px;transition:color .2s,transform .15s;display:flex}.nav button:active{color:var(--gold-soft);transform:scale(.9)}.nav button svg{stroke-width:1.4px;width:20px;height:20px}.nav button small{letter-spacing:.03em;font-size:10px;font-weight:500}.modal{z-index:60;background:#060b16b8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--navy);border-top:1px solid var(--gold);width:100%;max-width:520px;padding:26px 26px 34px}#locationModal .sheet{background-image:linear-gradient(180deg, #0b1830cc 0%, #0b1830e0 55%, var(--navy) 100%), url(/build/assets/maksak-BYZpKG3W.jpg);background-position:50% 40%;background-size:cover}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sheet-title{color:var(--white);font-family:Playfair Display,serif;font-size:18px}.close{color:var(--gold-soft);font-size:22px;line-height:1}.contact-row{border-bottom:1px solid #c7a76b33;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.contact-row:last-child{border-bottom:none}.contact-name{color:var(--white);font-size:14px}.contact-role{color:var(--gold-soft);margin-top:2px;font-size:11px;display:block}.icon-row{gap:10px;display:flex}.icon-btn{border:1px solid var(--line);border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.icon-btn svg{width:17px;height:17px}.image-pop{z-index:80;cursor:pointer;background:#060b16db;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.image-pop img{border:1px solid var(--gold);border-radius:14px;max-width:100%;max-height:80vh;box-shadow:0 20px 50px #0009}.address-block{color:#f7f5efd9;font-size:14px;line-height:1.8}.modal-actions{gap:10px;margin-top:18px;display:flex}.modal-actions .btn{text-align:center;flex:1;margin-top:0}.rsvp-form{flex-direction:column;gap:14px;display:flex}.form-field{text-align:left;flex-direction:column;gap:6px;display:flex}.form-field label{letter-spacing:.1em;color:var(--gold-soft);font-size:11px}.form-input,.form-textarea{border:1px solid var(--line);color:var(--white);background:#c7a76b12;border-radius:10px;outline:none;padding:11px 13px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-input:focus,.form-textarea:focus{border-color:var(--gold)}.form-textarea{resize:none;min-height:66px;line-height:1.5}.attend-toggle{gap:10px;display:flex}.attend-option{border:1px solid var(--line);color:#f7f5efb3;cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 8px;font-size:13px;transition:border-color .2s,background .2s,color .2s;display:flex}.attend-option input{display:none}.attend-option.active{border-color:var(--gold);color:var(--gold-soft);background:#c7a76b24}.rsvp-success{text-align:center;padding:16px 0 6px}.rsvp-success svg{width:44px;height:44px;color:var(--gold);margin:0 auto 14px}.rsvp-success-title{color:var(--white);font-family:Playfair Display,serif;font-size:16px;font-weight:600}.rsvp-success-sub{color:#f7f5efb3;margin-top:5px;font-size:13px}@media (prefers-reduced-motion:reduce){.hero-photo,.spark,.divider:after,.bg-ambient,.music-btn{transition:none!important;animation:none!important}}body.gate-lock{height:100vh;overflow:hidden}.gate{z-index:9999;display:flex;position:fixed;inset:0}.gate-panel{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-deep) 100%);flex:1;transition:transform 1.15s cubic-bezier(.76,0,.24,1);position:relative;overflow:hidden}.gate-panel--left{box-shadow:2px 0 24px #00000059}.gate-panel--right{box-shadow:-2px 0 24px #00000059}.gate-figure{z-index:1;object-fit:contain;filter:drop-shadow(0 12px 20px #0006)brightness(.88)saturate(.9);opacity:.96;width:auto;height:68%;position:absolute;bottom:6%}.gate-panel--left .gate-figure{right:2%}.gate-panel--right .gate-figure{height:66%;left:2%}.gate-panel:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0b183059 0%,#0b183000 22% 62%,#0b1830a6 100%);position:absolute;inset:0}.gate-floral--tl{z-index:2;opacity:.6;width:96px;top:-10px;left:-10px}.gate-floral--tr{z-index:2;opacity:.6;width:96px;top:-10px;right:-10px;transform:scaleX(-1)}.gate-center{z-index:2;text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;padding:11% 24px 0;transition:opacity .6s;display:flex;position:absolute;inset:0}.gate-kicker{letter-spacing:.25em;color:var(--gold-soft);text-transform:uppercase;font-size:11px}.gate-names{color:var(--gold-soft);margin-top:12px;font-family:Cormorant Garamond,serif;font-size:clamp(28px,9vw,40px);font-style:italic}.gate-date{letter-spacing:.15em;color:var(--gold-soft);opacity:.85;margin-top:6px;font-size:11px}.gate-btn-wrap{width:64px;height:64px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gate-btn-ping{pointer-events:none;background:radial-gradient(circle,#c7a76b99,#0000 70%);border-radius:50%;position:absolute;inset:0}.gate-btn{cursor:pointer;filter:drop-shadow(0 8px 16px #00000080);background:0 0;border:none;width:64px;height:64px;padding:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative}.gate-btn img{object-fit:contain;width:100%;height:100%;display:block}.gate-btn:active{transform:scale(.9)}.gate-tap-hint{white-space:nowrap;letter-spacing:.12em;color:var(--gold-soft);text-transform:uppercase;text-shadow:0 2px 10px #0009;margin-top:14px;font-size:11px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.gate-frame{z-index:3;pointer-events:none;transition:opacity .6s;position:absolute;inset:14px}.gate-frame--left{-webkit-mask-image:linear-gradient(270deg,#0000 0 3px,#000 3px);mask-image:linear-gradient(270deg,#0000 0 3px,#000 3px)}.gate-frame--right{-webkit-mask-image:linear-gradient(90deg,#0000 0 3px,#000 3px);mask-image:linear-gradient(90deg,#0000 0 3px,#000 3px)}.gate-frame-dot{animation:6s linear infinite gateFrameDash}.gate-frame-dot--reverse{animation-direction:reverse}@keyframes gateFrameDash{to{stroke-dashoffset:-1000px}}.gate.opened .gate-panel--left{transform:translate(-100%)}.gate.opened .gate-panel--right{transform:translate(100%)}.gate.opened .gate-center{opacity:0;pointer-events:none}.gate.opened .gate-frame{opacity:0}