*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--gold:#d4af37;--gold-light:#f3e5ab;--gold-dim:#aa7c11;--charcoal:#160205;--charcoal-2:#1e0409;--charcoal-3:#27070f;--charcoal-4:#370e17;--text-light:#fbf8f3;--text-dim:#ded0b6;--text-muted:#9c8b74;--ff-serif:"Cormorant Garamond", Georgia, serif;--ff-sans:"Montserrat", system-ui, sans-serif;--ff-arabic:"Amiri", serif;--transition:.35s ease}html{scroll-behavior:smooth}body{background:var(--charcoal);color:var(--text-light);font-family:var(--ff-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}img{max-width:100%;display:block}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--charcoal)}::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:99px}.intro-overlay{z-index:999;justify-content:center;align-items:center;transition:opacity .9s,visibility .9s;display:flex;position:fixed;inset:0;overflow:hidden}.intro-overlay.intro-hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-bg{filter:brightness(.55)saturate(.8);background-position:top;background-repeat:no-repeat;background-size:cover;transition:transform 20s;position:absolute;inset:0;transform:scale(1.06)}.intro-overlay:not(.intro-hidden) .intro-bg{transform:scale(1)}.intro-veil{background:linear-gradient(#000000b8 0%,#0000008c 40%,#000000c7 100%);position:absolute;inset:0}.intro-content{z-index:2;text-align:center;width:100%;max-width:520px;padding:2rem 1.5rem;position:relative}.bismillah-ar{font-family:var(--ff-arabic);color:var(--gold);letter-spacing:.03em;text-shadow:0 2px 24px #c9a84c66;direction:rtl;flex-wrap:wrap;justify-content:center;gap:.3em;font-size:clamp(2rem,7vw,3.4rem);line-height:1.5;display:flex}.bismillah-en{font-family:var(--ff-serif);color:var(--text-dim);letter-spacing:.02em;margin-top:.7rem;font-size:clamp(.85rem,2.5vw,1.05rem);font-style:italic}.intro-mark{font-family:var(--ff-sans);letter-spacing:.35em;color:var(--gold-dim);text-transform:uppercase;margin-top:1.8rem;font-size:.7rem;font-weight:500}.intro-names{margin:1.5rem 0 2rem}.intro-btn{background:var(--gold);color:var(--charcoal);font-family:var(--ff-sans);letter-spacing:.22em;text-transform:uppercase;cursor:pointer;transition:background var(--transition), transform var(--transition), box-shadow var(--transition);border:none;border-radius:999px;margin-top:2rem;padding:.85rem 2.8rem;font-size:.78rem;font-weight:600;display:inline-block;box-shadow:0 4px 24px #c9a84c59}.intro-btn:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 32px #c9a84c80}.floating-shapes{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.shape{color:var(--gold);opacity:0;font-size:1rem;animation:12s ease-in-out infinite floatUp;position:absolute}.s1{opacity:.35;font-size:.7rem;animation-duration:14s;animation-delay:0s;top:15%;left:8%}.s2{opacity:.25;font-size:.9rem;animation-duration:11s;animation-delay:2s;top:20%;left:78%}.s3{opacity:.3;font-size:.6rem;animation-duration:16s;animation-delay:4s;top:60%;left:50%}.s4{opacity:.2;font-size:.8rem;animation-duration:13s;animation-delay:6s;top:70%;left:22%}.s5{opacity:.3;font-size:.65rem;animation-duration:15s;animation-delay:8s;top:55%;left:90%}@keyframes floatUp{0%{opacity:0;transform:translateY(0)rotate(0)}20%{opacity:.4}80%{opacity:.3}to{opacity:0;transform:translateY(-60px)rotate(20deg)}}.wed-root{background:var(--charcoal);position:relative;overflow-x:hidden}.wed-root.is-closed main,.wed-root.is-closed section,.wed-root.is-closed footer{visibility:hidden}.hero{text-align:center;justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.hero-bg{filter:brightness(.45)saturate(.75);background-position:50% 20%;background-repeat:no-repeat;background-size:cover;animation:20s ease-in-out infinite alternate heroZoom;position:absolute;inset:0;transform:scale(1.05)}@keyframes heroZoom{0%{transform:scale(1.05)}to{transform:scale(1.12)}}.hero-veil{background:linear-gradient(#16020599 0%,#16020533 45%,#160205d9 100%);position:absolute;inset:0}.hero-inner{z-index:2;max-width:700px;padding:2rem 1.5rem;position:relative}.hero-blessing{font-family:var(--ff-serif);color:var(--gold);letter-spacing:.12em;text-transform:uppercase;opacity:.9;font-size:clamp(.8rem,2vw,.95rem);font-style:italic}.hero-bismillah{font-family:var(--ff-arabic);color:var(--gold);text-shadow:none;text-align:center;direction:rtl;font-size:clamp(1.6rem,4.5vw,2.2rem);line-height:1.4}.hero-divider{color:var(--gold-dim);justify-content:center;align-items:center;gap:.8rem;margin:1.2rem auto;font-size:.75rem;display:flex}.hero-divider:before,.hero-divider:after{content:"";background:linear-gradient(to right, transparent, var(--gold-dim));width:80px;height:1px;display:block}.hero-divider:after{background:linear-gradient(to left, transparent, var(--gold-dim))}.hero-names{font-family:var(--ff-serif);color:var(--text-light);letter-spacing:-.01em;flex-direction:column;align-items:center;gap:.2em;font-size:clamp(2.4rem,8vw,5rem);font-weight:300;line-height:1.15;display:flex}.name-word{display:block}.name-amp{color:var(--gold);font-size:.55em;font-style:italic;font-weight:400;line-height:1}.hero-meta{margin-top:2rem}.hero-tag{color:var(--text-dim);letter-spacing:.04em;max-width:380px;margin:0 auto 1rem;font-size:clamp(.75rem,2vw,.88rem);line-height:1.7}.hero-date{font-family:var(--ff-sans);letter-spacing:.2em;color:var(--gold);text-transform:uppercase;justify-content:center;align-items:center;gap:.6rem;font-size:.8rem;font-weight:500;display:flex}.hero-date .dot{color:var(--gold-dim)}.scroll-indicator{z-index:3;text-decoration:none;animation:2.2s ease-in-out infinite bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.chev{border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);opacity:.7;width:24px;height:24px;display:block;transform:rotate(45deg)}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.section{max-width:760px;margin:0 auto;padding:6rem 1.5rem}.section-title{font-family:var(--ff-serif);color:var(--text-light);text-align:center;letter-spacing:-.01em;font-size:clamp(2rem,5vw,3rem);font-weight:400}.section-sub{text-align:center;letter-spacing:.3em;color:var(--gold-dim);text-transform:uppercase;margin-top:.5rem;margin-bottom:3rem;font-size:.7rem;font-weight:500}.line-divider{color:var(--gold-dim);justify-content:center;align-items:center;gap:.8rem;margin:1.5rem 0;font-size:.75rem;display:flex}.line-divider:before,.line-divider:after{content:"";background:linear-gradient(to right, transparent, var(--gold-dim));flex:1;max-width:120px;height:1px}.line-divider:after{background:linear-gradient(to left, transparent, var(--gold-dim))}.line-divider.small:before,.line-divider.small:after{max-width:60px}.verse{background:var(--charcoal-2);max-width:100%;padding:6rem 1.5rem}.verse-card{text-align:center;max-width:560px;margin:0 auto}.verse-text{font-family:var(--ff-serif);color:var(--text-light);letter-spacing:.01em;font-size:clamp(1.3rem,3.5vw,1.8rem);font-style:italic;font-weight:300;line-height:1.6}.verse-ref{color:var(--gold-dim);letter-spacing:.08em;margin-top:.8rem;font-size:.78rem}.families{background:var(--charcoal);max-width:100%;padding:6rem 1.5rem}.family-grid{grid-template-columns:1fr;gap:1.5rem;max-width:620px;margin:0 auto;display:grid}@media (width>=600px){.family-grid{grid-template-columns:1fr 1fr}}.family-card{background:var(--charcoal-3);text-align:center;transition:border-color var(--transition), box-shadow var(--transition);border:1px solid #c9a84c2e;border-radius:6px;padding:2.5rem 2rem}.family-card:hover{border-color:#c9a84c73;box-shadow:0 8px 40px #c9a84c14}.family-role{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-size:.65rem;font-weight:600}.family-name{font-family:var(--ff-serif);color:var(--text-light);letter-spacing:-.01em;margin-top:.6rem;font-size:1.75rem;font-weight:400}.mini-divider{background:var(--gold-dim);opacity:.6;width:40px;height:1px;margin:1rem auto}.family-parents{letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-top:.3rem;font-size:.7rem}.family-parents-names{font-family:var(--ff-serif);color:var(--text-light);margin-top:.3rem;font-size:1.1rem}.family-house{font-family:var(--ff-serif);color:var(--gold-dim);margin-top:.5rem;font-size:.9rem;font-style:italic}.couple-photo-section{background:var(--charcoal-2);max-width:100%;padding:4rem 1.5rem}.couple-photo-frame{border:1px solid #c9a84c40;border-radius:4px;max-width:480px;margin:0 auto;position:relative;overflow:hidden}.couple-photo-frame img{object-fit:cover;width:100%;height:auto;transition:transform .8s;display:block}.couple-photo-frame:hover img{transform:scale(1.03)}.photo-overlay-text{background:linear-gradient(#0000 0%,#000000d9 100%);flex-direction:column;align-items:center;gap:.3rem;padding:2rem 1.5rem 1.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.photo-overlay-text span:first-child{font-family:var(--ff-serif);color:var(--text-light);letter-spacing:.03em;font-size:1.4rem}.photo-date{letter-spacing:.25em;color:var(--gold);text-transform:uppercase;font-size:.7rem}.countdown{background:var(--charcoal);max-width:100%;padding:6rem 1.5rem}.countdown-grid{grid-template-columns:repeat(4,1fr);gap:1rem;max-width:560px;margin:0 auto;display:grid}@media (width<=480px){.countdown-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}.cd-box{background:var(--charcoal-3);text-align:center;border:1px solid #c9a84c33;border-radius:4px;padding:1.5rem .5rem;position:relative;overflow:hidden}.cd-box:before,.cd-box:after{content:"";border-color:var(--gold-dim);opacity:.6;border-style:solid;width:10px;height:10px;position:absolute}.cd-box:before{border-width:1px 0 0 1px;top:6px;left:6px}.cd-box:after{border-width:0 1px 1px 0;bottom:6px;right:6px}.cd-num{font-family:var(--ff-serif);color:var(--gold);letter-spacing:-.02em;font-size:clamp(2rem,7vw,3rem);font-weight:300;line-height:1;display:block}.cd-lbl{letter-spacing:.25em;text-transform:uppercase;color:var(--text-muted);margin-top:.5rem;font-size:.6rem;font-weight:600;display:block}.event{background:var(--charcoal-2);max-width:100%;padding:6rem 1.5rem}.event-card{background:var(--charcoal-3);text-align:center;border:1px solid #c9a84c33;border-radius:6px;max-width:540px;margin:0 auto;padding:3rem 2rem}.event-badge{border:1px solid var(--gold-dim);color:var(--gold);letter-spacing:.3em;text-transform:uppercase;border-radius:2px;padding:.35rem 1.1rem;font-size:.65rem;font-weight:600;display:inline-block}.event-title{font-family:var(--ff-serif);color:var(--text-light);margin-top:1rem;font-size:clamp(1.5rem,4vw,2rem);font-weight:400}.event-rows{text-align:left;flex-direction:column;gap:0;margin-top:1.5rem;display:flex}.event-row{border-bottom:1px solid #c9a84c1a;align-items:flex-start;gap:1rem;padding:1rem 0;display:flex}.event-row:last-child{border-bottom:none}.event-row>i{color:var(--gold);background:#c9a84c1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;min-width:20px;height:38px;margin-top:.25rem;font-size:1rem;display:flex}.event-row>div{flex-direction:column;gap:.15rem;display:flex}.event-row span{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);font-size:.6rem;font-weight:600}.event-row strong{font-family:var(--ff-serif);color:var(--text-light);font-size:1.05rem;font-weight:400}.event-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.btn{font-family:var(--ff-sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all var(--transition);border-radius:4px;align-items:center;gap:.5rem;padding:.8rem 1.6rem;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-gold{background:var(--gold);color:var(--charcoal);border:none;box-shadow:0 4px 20px #c9a84c4d}.btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 28px #c9a84c73}.btn-outline{color:var(--gold);border:1px solid var(--gold-dim);background:0 0}.btn-outline:hover{border-color:var(--gold);background:#c9a84c1a;transform:translateY(-2px)}.gallery{background:var(--charcoal);max-width:100%;padding:6rem 1.5rem}.gallery-grid{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:1rem;max-width:640px;margin:0 auto;display:grid}.gal-frame{cursor:zoom-in;border:1px solid #c9a84c26;border-radius:4px;margin:0;position:relative;overflow:hidden}.gal-frame.tall{grid-row:span 2}.gal-frame img{object-fit:cover;width:100%;height:100%;transition:transform .7s;display:block}.gal-frame:hover img{transform:scale(1.07)}.gal-hover-overlay{opacity:0;transition:opacity var(--transition);background:#c9a84c0f;position:absolute;inset:0}.gal-frame:hover .gal-hover-overlay{opacity:1}.wed-footer{background:var(--charcoal-2);text-align:center;border-top:1px solid #c9a84c1f;padding:5rem 1.5rem 3rem}.footer-thanks{font-family:var(--ff-serif);color:var(--text-light);margin-top:1.5rem;font-size:clamp(2rem,5vw,2.8rem);font-weight:300}.footer-msg{color:var(--text-dim);max-width:400px;margin:1rem auto;font-size:.88rem;line-height:1.8}.footer-couple{font-family:var(--ff-serif);color:var(--gold);margin-top:1.5rem;font-size:1.3rem;font-style:italic}.footer-note{letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);margin-top:.4rem;font-size:.65rem;font-weight:600}.footer-bottom{letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase;border-top:1px solid #c9a84c14;justify-content:center;align-items:center;gap:.6rem;margin-top:2.5rem;padding-top:2rem;font-size:.68rem;display:flex}.footer-bottom .dot{color:var(--gold-dim)}.audio-fab{z-index:500;background:var(--gold);width:52px;height:52px;color:var(--charcoal);cursor:pointer;transition:all var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 20px #c9a84c66}.audio-fab:hover{background:var(--gold-light);transform:scale(1.08);box-shadow:0 6px 28px #c9a84c8c}.audio-fab.playing{animation:2s ease-in-out infinite pulse-fab}@keyframes pulse-fab{0%,to{box-shadow:0 4px 20px #c9a84c66}50%{box-shadow:0 4px 36px #c9a84cb3}}