:root{--cream: #f6f1e8;--cream-2: #ece2d0;--ink: #5a5348;--ink-soft: #756c5c;--gold: #b7924a;--gold-2: #d8b869;--gold-deep: #9c7a35;--line: rgba(160, 130, 70, .45)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}html{scroll-snap-type:y mandatory;scroll-padding:0}body{font-family:Amiri,serif;color:var(--ink);background:radial-gradient(120% 90% at 50% 0%,#fbf7ef 0%,var(--cream) 45%,var(--cream-2) 100%);overflow:hidden;-webkit-font-smoothing:antialiased}body.opened{overflow-x:hidden;overflow-y:auto}.sec .floral{display:none}.doors{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:auto}.door{position:absolute;top:0;height:100%;width:50.2%;transition:transform 1.35s cubic-bezier(.76,0,.24,1);will-change:transform;overflow:hidden}.door.left{left:0}.door.right{right:0}.door-face{position:absolute;top:0;right:0;bottom:0;left:0;background:#f6f1e8 url(/assets/cover-Bkd2Ue4s.jpg) no-repeat;background-size:100vw 100vh}.door.left .door-face{background-position:left center;border-right:1px solid rgba(160,130,70,.28);box-shadow:inset -10px 0 22px #a0824612}.door.right .door-face{background-position:right center;border-left:1px solid rgba(160,130,70,.28);box-shadow:inset 10px 0 22px #a0824612}.door .floral{display:none}.seal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:52;display:grid;place-content:center;justify-items:center;gap:4px;text-align:center;padding:24px;transition:opacity .6s ease,transform .8s ease}.seal-orn{font-size:26px;color:var(--gold);opacity:.85}.seal-kicker{font-family:Aref Ruqaa,serif;letter-spacing:3px;color:var(--ink-soft);font-size:18px;margin-top:8px}.seal-names{font-family:Great Vibes,cursive;font-size:clamp(34px,10vw,56px);line-height:1.35;display:flex;align-items:baseline;justify-content:center;gap:0;margin:6px 0;max-width:96vw;padding:.1em .3em;overflow:visible;text-shadow:0 2px 12px rgba(255,255,255,.55)}.seal-kicker,.seal-sub{text-shadow:0 1px 8px rgba(255,255,255,.85)}.seal-names span{padding:.14em .34em;background:linear-gradient(100deg,var(--gold-deep),var(--gold-2) 50%,var(--gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.seal-names em{font-style:normal;font-size:.5em;color:var(--gold)}.seal-sub{font-family:Aref Ruqaa,serif;color:var(--ink-soft);font-size:17px}.open-btn{margin-top:22px;display:inline-flex;align-items:center;gap:10px;font-family:Aref Ruqaa,serif;font-size:17px;color:#fff;background:linear-gradient(120deg,var(--gold-deep),var(--gold),var(--gold-2));border:none;border-radius:999px;padding:13px 28px;cursor:pointer;box-shadow:0 10px 26px #a07d3757;animation:pulse 2.4s ease-in-out infinite}.open-btn svg{width:20px;height:20px}@keyframes pulse{0%,to{transform:translateY(0);box-shadow:0 10px 24px #a07d374d}50%{transform:translateY(-3px);box-shadow:0 16px 34px #a07d377a}}#app.open .door.left{transform:translate(-101%)}#app.open .door.right{transform:translate(101%)}#app.open .seal{opacity:0;transform:scale(1.06);pointer-events:none}#app.open .doors{pointer-events:none}.content{position:relative;z-index:1}.sec{position:relative;min-height:100svh;display:grid;place-items:center;padding:92px 22px;overflow:visible;scroll-snap-align:start;scroll-snap-stop:always;background-position:center;background-size:cover;background-repeat:no-repeat}.sec-inner{position:relative;z-index:2;width:min(92vw,540px);max-width:100%;text-align:center;padding:4px}.sec.hero{background-image:radial-gradient(80% 48% at 50% 48%,rgba(249,246,239,.62),rgba(249,246,239,.28) 60%,transparent 85%),url(/assets/bg-FhFWa-0o.jpg)}.sec.countdown{background-image:radial-gradient(82% 50% at 50% 55%,rgba(250,246,236,.72),rgba(250,246,236,.34) 60%,transparent 86%),url(/assets/bg-countdown-CQeKKZ4q.jpg)}.sec.families{background-image:radial-gradient(82% 50% at 50% 50%,rgba(252,250,244,.72),rgba(252,250,244,.34) 60%,transparent 86%),url(/assets/bg-families-BW3reqAh.jpg)}.sec.venue{background-image:radial-gradient(82% 50% at 50% 45%,rgba(248,247,240,.74),rgba(248,247,240,.36) 60%,transparent 86%),url(/assets/bg-venue-CxRk-_xt.jpg)}.sec.duaa{background-image:radial-gradient(80% 50% at 50% 50%,rgba(249,246,239,.68),rgba(249,246,239,.3) 60%,transparent 86%),url(/assets/bg-duaa-BorLod-f.jpg)}.frame-overlay{position:fixed;top:9px;right:9px;bottom:9px;left:9px;z-index:40;pointer-events:none;border:1px solid var(--line);box-shadow:inset 0 0 0 4px #fff6;opacity:0;transition:opacity 1s ease .6s}#app.open .frame-overlay{opacity:1}.petals{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;pointer-events:none;overflow:hidden}.petal{position:absolute;top:-10vh;will-change:transform;animation:petal-fall linear infinite}.petal i{display:block;animation:petal-sway ease-in-out infinite alternate}.petal svg{display:block;filter:drop-shadow(0 2px 3px rgba(150,120,70,.12))}@keyframes petal-fall{to{transform:translateY(120vh)}}@keyframes petal-sway{0%{transform:translate(-16px) rotate(-24deg)}to{transform:translate(16px) rotate(24deg)}}@media (prefers-reduced-motion: reduce){.petals{display:none}}.reveal .sec-inner{opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)}.reveal.in .sec-inner{opacity:1;transform:none}.floral{position:absolute;width:clamp(90px,24vw,150px);opacity:.8;z-index:1;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(120,100,60,.08))}.floral-tl{top:10px;right:6px}.floral-br{bottom:10px;left:6px;transform:rotate(180deg)}.ayah{font-family:Amiri,serif;font-size:clamp(15px,4.4vw,19px);line-height:2.2;max-width:30ch;margin:0 auto}.rule{display:flex;align-items:center;justify-content:center;gap:12px;margin:22px auto;color:var(--gold);max-width:240px}.rule:before,.rule:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--line),transparent)}.rule.heart span{font-size:20px}.welcome{font-family:Aref Ruqaa,serif;font-size:clamp(18px,5vw,24px);line-height:1.7}.sec-title{font-family:Aref Ruqaa,serif;font-weight:700;font-size:clamp(20px,5.4vw,27px);color:var(--gold-deep);margin-bottom:26px}.sec-title:after{content:"❦";display:block;color:var(--gold);font-size:16px;margin-top:8px;opacity:.8}.names{font-family:Great Vibes,cursive;font-size:clamp(44px,13.5vw,78px);line-height:1.32;margin:14px 0 6px;padding:.14em .36em;overflow:visible;background:linear-gradient(100deg,var(--gold-deep),var(--gold-2) 45%,var(--gold) 72%,var(--gold-deep));-webkit-background-clip:text;background-clip:text;color:transparent}.names em{font-style:normal;font-size:.6em}.names-ar{font-family:Aref Ruqaa,serif;font-size:clamp(18px,5vw,24px);color:var(--ink);margin-top:6px}.scroll-hint{position:absolute;bottom:22px;left:0;right:0;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--gold-deep);font-family:Aref Ruqaa,serif;font-size:13px;animation:bob 1.8s ease-in-out infinite;transition:opacity .4s ease}.scroll-hint svg{width:22px;height:22px}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.cd{display:flex;direction:ltr;align-items:flex-start;justify-content:center;gap:clamp(6px,2.5vw,16px)}.cd-box{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:clamp(58px,18vw,84px);padding:14px 8px;background:#fff9;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 24px #785f2d14}.cd-box b{font-family:Aref Ruqaa,serif;font-weight:700;font-size:clamp(26px,9vw,42px);line-height:1;color:var(--gold-deep);font-variant-numeric:tabular-nums}.cd-box small{font-family:Aref Ruqaa,serif;font-size:13px;color:var(--ink-soft)}.cd-colon{color:var(--gold);font-size:clamp(20px,6vw,30px);align-self:center;padding-top:10px}.cd-date{margin-top:22px;font-family:Aref Ruqaa,serif;font-size:clamp(15px,4.4vw,19px);color:var(--ink)}.couple{display:flex;align-items:center;justify-content:center;gap:clamp(14px,6vw,34px);margin:8px 0}.person{display:flex;flex-direction:column;gap:8px}.person .label{font-family:Aref Ruqaa,serif;font-size:14px;color:var(--gold-deep);letter-spacing:1px}.person .name{font-family:Aref Ruqaa,serif;font-weight:700;font-size:clamp(20px,5.6vw,28px);color:var(--ink)}.couple-orn{color:var(--gold);font-size:24px}.will{font-family:Aref Ruqaa,serif;font-size:clamp(16px,4.4vw,20px);color:var(--ink-soft);margin-top:22px}.details{list-style:none;margin:0 auto;max-width:340px;text-align:right}.details li{display:grid;grid-template-columns:34px auto 14px 1fr;align-items:center;gap:8px;padding:13px 8px;border-bottom:1px solid rgba(160,130,70,.18);font-size:clamp(15px,4.4vw,18px)}.details li:last-child{border-bottom:none}.di{width:26px;height:26px;color:var(--gold)}.di svg{width:100%;height:100%}.dk{font-family:Aref Ruqaa,serif;color:var(--ink)}.dc{color:var(--gold)}.dv{color:var(--ink);font-weight:700}.maplink{color:var(--gold-deep);text-decoration:none;border-bottom:1px dashed var(--gold)}.details li.loc{background:#b7924a12;border-radius:10px}.map-btn{margin-top:24px;display:inline-flex;align-items:center;gap:8px;font-family:Aref Ruqaa,serif;font-size:16px;color:#fff;background:linear-gradient(120deg,var(--gold-deep),var(--gold));border:none;border-radius:999px;padding:11px 24px;text-decoration:none;box-shadow:0 10px 24px #a07d374d;transition:transform .2s ease}.map-btn:hover{transform:translateY(-2px)}.map-btn svg{width:18px;height:18px}.duaa-text{font-family:Aref Ruqaa,serif;font-size:clamp(20px,6vw,30px);line-height:1.9;color:var(--gold-deep)}.note{font-family:Aref Ruqaa,serif;font-size:clamp(16px,4.4vw,19px);color:var(--ink);margin-top:18px}.music-btn{position:fixed;bottom:18px;left:18px;z-index:60;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:#ffffffd9;color:var(--gold-deep);cursor:pointer;box-shadow:0 8px 20px #785f2d2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.music-btn svg{width:22px;height:22px}.music-btn .off,.music-btn.muted .on{display:none}.music-btn.muted .off{display:block}@media (prefers-reduced-motion: reduce){.open-btn,.scroll-hint{animation:none}.door{transition:transform .5s ease}.reveal .sec-inner{opacity:1;transform:none;transition:none}}