:root{--font-display: "Cormorant Garamond", serif;--font-body: "Manrope", sans-serif;--font-arabic: "Noto Naskh Arabic", serif;--navy-dark: #071326;--navy-deep: #0D1B32;--navy-soft: #14233D;--ivory: #F3E8DA;--gold: #C7A46A;--champagne: #D7C09A;--rose-dusty: #C9828D;--gray-blue: #8C98AA}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--navy-dark);color:var(--ivory);font-family:var(--font-body);font-weight:300;-webkit-font-smoothing:antialiased;overflow:hidden;margin:0;padding:0;height:100vh;touch-action:manipulation}.parallax-wrapper{height:100vh;overflow-x:hidden;overflow-y:auto;perspective:1px;scroll-behavior:smooth}.parallax-layer{position:absolute;top:0;right:0;bottom:0;left:0}.parallax-back{transform:translateZ(-1px) scale(2);z-index:-2;pointer-events:none}.parallax-base{transform:translateZ(0);z-index:1}.site-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(215,192,154,.03),transparent 70%);z-index:-1;pointer-events:none}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.2}p{line-height:1.6}.section-container{width:90%;max-width:1100px;margin:0 auto;padding:0 24px}.text-center{text-align:center}.editorial-section{padding-top:100px;padding-bottom:100px}@media (min-width: 768px){.editorial-section{padding-top:140px;padding-bottom:140px}}.reveal-up{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.reveal-up.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.reveal-up{transition:none;transform:none}}.hero-section{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;overflow:hidden}.hero-bg-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.hero-starry-bg{width:100%;height:100%;object-fit:cover;object-position:center bottom}.hero-bg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0812264d,#081226e6)}.arch-frame-ornate{position:absolute;top:20px;right:20px;bottom:20px;left:20px;pointer-events:none;z-index:0}.arch-frame-ornate svg{width:100%;height:100%;overflow:visible}.outer-path{stroke-dasharray:400;stroke-dashoffset:400;animation:drawPath 3s ease forwards}.inner-path{stroke-dasharray:400;stroke-dashoffset:400;animation:drawPath 3s ease forwards .5s}.hero-content{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:40px;max-width:85vw}.hero-divider{display:flex;align-items:center;gap:8px;margin:12px 0}.hero-divider .diamond{width:4px;height:4px;background:var(--gold);transform:rotate(45deg)}.hero-divider .line{width:40px;height:1px;background:var(--gold)}.couple-names-stacked{display:flex;flex-direction:column;align-items:center;gap:8px}.couple-names-stacked h1{font-family:var(--font-display);font-size:clamp(48px,12vw,80px);font-weight:300;color:var(--ivory);letter-spacing:.05em;line-height:1}.ampersand-wrapper{display:flex;align-items:center;gap:16px}.ampersand-wrapper .amp-line{width:40px;height:1px;background:#c7a46a80}.ampersand-wrapper .ampersand{font-family:var(--font-display);font-size:32px;color:var(--gold);font-style:italic}.tagline{font-family:var(--font-body);font-size:clamp(11px,3vw,13px);letter-spacing:.25em;color:var(--ivory);text-transform:uppercase;margin-top:16px;max-width:280px;line-height:1.6}.crescent-icon-hero{margin-top:32px;opacity:0;transform:translateY(20px);animation:fadeUp 1.5s ease forwards 1.5s}.crescent-icon-hero svg{filter:drop-shadow(0 0 10px rgba(199,164,106,.3))}.scroll-indicator-ornate{position:absolute;bottom:40px;left:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;z-index:10}.scroll-indicator-ornate span{font-size:12px;letter-spacing:.2em;color:var(--gold)}.scroll-line-container{display:flex;flex-direction:column;align-items:center}.scroll-line-container .scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--gold),transparent);animation:scrollPulse 2s ease-in-out infinite}.scroll-star{margin-top:-8px;filter:drop-shadow(0 0 5px rgba(199,164,106,.8));animation:pulseGlow 2s infinite alternate}.dust-motes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.mote{position:absolute;width:3px;height:3px;background:var(--champagne);border-radius:50%;opacity:0;animation:floatUp 15s linear infinite;box-shadow:0 0 10px #d7c09acc}.mote:nth-child(1){left:10%;bottom:-10px;animation-delay:0s}.mote:nth-child(2){left:30%;bottom:-10px;animation-delay:3s;animation-duration:18s}.mote:nth-child(3){left:50%;bottom:-10px;animation-delay:7s}.mote:nth-child(4){left:70%;bottom:-10px;animation-delay:2s;animation-duration:20s}@keyframes floatUp{0%{transform:translateY(0) scale(.5);opacity:0}20%{opacity:.6}80%{opacity:.6}to{transform:translateY(-500px) scale(1.5);opacity:0}}.mandala{position:absolute;opacity:.03;color:var(--champagne);pointer-events:none}.mandala svg{width:100%;height:auto;animation:slowSpin 120s linear infinite}.mandala-1{width:500px;top:10%;left:50%;transform:translate(-50%);opacity:.04}.mandala-2{width:600px;top:60%;left:50%;transform:translate(-50%);animation-direction:reverse;opacity:.03}@keyframes slowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseGlow{0%{transform:scale(.9);opacity:.7}to{transform:scale(1.1);opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.arabic-container{width:100%;overflow:hidden;margin-bottom:.5rem;padding:0 20px}.bismillah{font-family:var(--font-arabic);font-size:clamp(18px,4vw,28px);color:var(--gold);display:block}.section-header{margin-bottom:48px}.section-number{font-family:var(--font-display);font-size:18px;color:var(--gold);display:block;margin-bottom:8px}.section-header h2{font-size:clamp(30px,6vw,40px);color:var(--ivory);text-transform:uppercase;letter-spacing:.05em}.story-body{font-size:clamp(15px,3vw,17px);color:var(--gray-blue);margin-bottom:48px;max-width:600px}.family-info{display:flex;flex-direction:column;gap:32px}.family-label{font-size:11px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;display:block;margin-bottom:8px}.family-names{font-size:clamp(15px,3vw,17px);color:var(--ivory);font-family:var(--font-display)}.character-section{padding:40px 24px;display:flex;justify-content:center;align-items:center}.character-container{position:relative;width:100%;max-width:400px;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 20px 50px #00000080,inset 0 0 60px #071326}.character-3d{width:100%;height:100%;object-fit:cover;transform:scale(1.1)}.character-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,transparent 40%,var(--navy-dark) 100%);pointer-events:none}.floating-anim{animation:floatBreathe 6s ease-in-out infinite}@keyframes floatBreathe{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.02)}to{transform:translateY(0) scale(1)}}.crescent-icon{font-size:24px;color:var(--gold);margin-bottom:24px;opacity:.8}.dua-large{font-family:var(--font-arabic);font-size:clamp(24px,6vw,36px);color:var(--champagne);line-height:1.8}.frosted-wipe-container{position:relative;width:100%;max-width:600px;margin:0 auto;aspect-ratio:1/1;max-height:450px;overflow:hidden;border:1px solid rgba(199,164,106,.2);border-radius:24px;background:var(--navy-deep)}.secret-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;z-index:1}.giant-date{font-family:var(--font-display);font-size:clamp(30px,8vw,48px);color:var(--ivory);margin-bottom:12px;text-transform:uppercase}.secret-location{font-size:14px;letter-spacing:.15em;color:var(--champagne);text-transform:uppercase}.frosted-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;cursor:grab;touch-action:none}.frosted-canvas:active{cursor:grabbing}.wipe-prompt{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:3;text-align:center;pointer-events:none;transition:opacity .5s}.wipe-icon{font-size:24px;animation:swipeAnim 2s infinite ease-in-out;display:block;margin-bottom:8px}.wipe-prompt p{font-size:11px;letter-spacing:.2em;color:var(--ivory);text-transform:uppercase}@keyframes swipeAnim{0%{transform:translate(-20px);opacity:0}50%{opacity:1}to{transform:translate(20px);opacity:0}}.reveal-countdown{width:100%;opacity:0;transform:translateY(15px);transition:all 1s ease .5s}.reveal-countdown.is-revealed{opacity:1;transform:translateY(0)}.countdown-container{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:15px;width:100%}.count-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;max-width:65px;height:70px;background:#07132666;border:1px solid rgba(199,164,106,.3);border-radius:12px}.count-num{font-family:var(--font-display);font-size:24px;color:var(--gold);line-height:1}.count-unit{font-family:var(--font-body);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--ivory);margin-top:6px;opacity:.8}.events-timeline{display:flex;flex-direction:column}.timeline-event{padding:48px 0;position:relative}.event-divider{margin-top:48px;width:80%;max-width:300px;margin-left:auto;margin-right:auto}.event-divider svg{width:100%;height:20px}.event-divider .draw-path{stroke-dasharray:150;stroke-dashoffset:150;transition:stroke-dashoffset 2s ease-in-out}.timeline-event.is-visible .draw-path{stroke-dashoffset:0}.timeline-event:first-child{padding-top:0}.event-num{font-family:var(--font-display);font-size:16px;color:var(--gold);display:block;margin-bottom:16px}.event-title{font-size:clamp(24px,5vw,30px);color:var(--ivory);margin-bottom:12px;text-transform:uppercase}.event-meta{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--rose-dusty);display:block;margin-bottom:16px}.event-desc{font-size:15px;color:var(--gray-blue);max-width:500px}.venue-section{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 24px;overflow:hidden;outline:none;background-color:var(--navy-dark);border-top:2px solid var(--navy-dark);border-bottom:2px solid var(--navy-dark);margin-top:-2px;margin-bottom:-2px;z-index:1}.venue-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-top:2px solid var(--navy-dark);border-bottom:2px solid var(--navy-dark);pointer-events:none;z-index:20}.venue-bg-image{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;background-image:url(https://images.unsplash.com/photo-1586611292717-f828b167408c?q=80&w=1974&auto=format&fit=crop);background-size:cover;background-position:center;z-index:-2;transition:transform 1s ease-out}.venue-overlay{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(to bottom,var(--navy-dark) 0%,var(--navy-dark) 12%,rgba(7,19,38,.75) 38%,rgba(7,19,38,.75) 62%,var(--navy-dark) 88%,var(--navy-dark) 100%);z-index:-1}.venue-arch-frame{position:absolute;top:40px;left:24px;right:24px;bottom:24px;pointer-events:none;z-index:0}.venue-arch-svg{width:100%;height:100%;opacity:.8}.venue-content{z-index:1;display:flex;flex-direction:column;align-items:center;margin-top:-15vh}.venue-subtitle{font-family:var(--font-body);font-size:11px;letter-spacing:.4em;color:var(--ivory);text-transform:uppercase;margin-bottom:20px;margin-top:15px}.venue-flower-icon{margin-bottom:5px;opacity:.9}.venue-diamond-icon{margin-bottom:5px;opacity:.7}.venue-details h3{font-family:var(--font-display);font-size:clamp(48px,11vw,72px);color:var(--gold);margin-bottom:20px;font-weight:400;margin-top:25px}.venue-address{font-family:var(--font-body);font-size:10px;letter-spacing:.25em;color:var(--ivory);text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:12px}.venue-address .dot{color:var(--gold);font-size:12px}.venue-divider{margin:35px 0 25px;opacity:.8}.venue-description{font-family:var(--font-body);font-size:15px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);line-height:1.6;max-width:320px;margin:0 auto 50px}.get-directions{display:inline-flex;flex-direction:row;align-items:center;gap:8px;font-family:var(--font-body);font-size:11px;letter-spacing:.3em;color:var(--gold);text-decoration:none;cursor:pointer;border-bottom:1px solid rgba(199,164,106,.5);padding-bottom:6px;transition:border-color .3s,gap .3s}.get-directions:hover{gap:16px;border-color:var(--gold)}.direction-underline{display:flex;align-items:center;width:160px}.direction-underline .line{flex:1;height:1px;background-color:var(--gold);opacity:.5}.direction-underline .diamond{width:5px;height:5px;background-color:var(--gold);transform:rotate(45deg);margin:0 10px}.attire-intro{font-size:16px;color:var(--gray-blue);margin-bottom:48px;text-align:center}.attire-carousel{display:flex;gap:24px;overflow-x:auto;padding:24px 0;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.attire-carousel::-webkit-scrollbar{display:none}.attire-card{scroll-snap-align:center;flex:0 0 auto}.hex-outer{width:140px;height:160px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:var(--gold);display:flex;align-items:center;justify-content:center;padding:1px}.hex-inner{width:100%;height:100%;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;text-align:center}.color-name{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--navy-dark);text-transform:uppercase;letter-spacing:.1em}.closing-section{padding:140px 24px;text-align:center;background:var(--navy-dark)}.dua-massive{font-family:var(--font-arabic);font-size:clamp(36px,10vw,56px);color:var(--gold);display:block;margin-bottom:48px;opacity:.8}.cardcampus-footer{background:linear-gradient(145deg,var(--navy-dark) 0%,#1a365d 100%);border-radius:35px 35px 0 0;padding:15px 20px 20px;text-align:center;position:relative;z-index:10}.footer-link{text-decoration:none;display:block;color:inherit}.footer-logo{width:120px;height:auto;margin:0 auto 5px;display:block}.footer-logo img{width:100%;height:auto;display:block}.footer-studio{font-family:var(--font-body);font-size:16px;color:var(--ivory);margin-bottom:8px;margin-top:14px}.footer-tagline{font-family:var(--font-body);font-size:8px;color:var(--gold);letter-spacing:.08em}.closing-names{display:flex;justify-content:center;align-items:center;gap:16px;font-family:var(--font-display);font-size:clamp(32px,8vw,48px);color:var(--ivory);margin-bottom:32px}.ampersand-small{font-size:.8em;color:var(--rose-dusty);font-style:italic}.closing-message{font-size:clamp(14px,3vw,16px);letter-spacing:.1em;color:var(--gray-blue);max-width:400px;margin:0 auto}.floating-nav{position:fixed;top:24px;right:24px;z-index:100}.floating-nav button{background:transparent;border:1px solid rgba(199,164,106,.4);border-radius:50%;padding:10px;color:var(--ivory);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;display:flex;align-items:center;justify-content:center}#musicToggle:hover{background:#071326e6}#musicToggle.playing{background:#c7a46a33;border-color:#c7a46acc}.rsvp-section{padding:100px 24px 80px;background:transparent;display:flex;justify-content:center}.rsvp-card{background:linear-gradient(145deg,var(--navy-dark) 0%,#1a365d 100%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(199,164,106,.2);border-radius:20px;padding:50px 30px;max-width:420px;width:100%;text-align:center;box-shadow:0 15px 45px #0000004d;position:relative;z-index:5}.rsvp-title{font-family:var(--font-display);font-size:32px;color:var(--gold);margin-bottom:12px;letter-spacing:.1em;text-transform:uppercase}.rsvp-deadline{font-size:13px;color:var(--gray-blue);margin-bottom:40px}.rsvp-field{display:flex;align-items:center;gap:15px;margin-bottom:25px;font-size:16px;color:var(--ivory);text-align:left}.rsvp-field label{white-space:nowrap;flex-shrink:0;color:var(--gold);font-family:var(--font-body);font-size:14px;font-weight:400;min-width:110px}.rsvp-field input{flex:1;border:none;background:transparent;font-family:var(--font-body);font-size:16px;padding:8px 0;outline:none;color:var(--ivory);border-bottom:1px solid rgba(199,164,106,.3);transition:border-color .3s}.rsvp-field input:focus{border-bottom-color:var(--gold)}.rsvp-field input[readonly]{cursor:default;border-bottom-color:transparent}.rsvp-guest-counter-field{align-items:center;justify-content:flex-start}.guest-counter{display:flex;align-items:center;gap:15px}.counter-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(199,164,106,.5);background:transparent;color:var(--gold);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;padding:0;line-height:1}.counter-btn:hover{background:#c7a46a1a;border-color:var(--gold)}.counter-value{font-family:var(--font-body);font-size:18px;color:var(--ivory);width:24px;text-align:center}.rsvp-btn{border:1px solid var(--gold);border-radius:30px;padding:14px 45px;font-size:13px;color:var(--navy-dark);background:var(--gold);cursor:pointer;transition:all .3s ease;font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;margin:30px 0 15px}.rsvp-btn:hover{background:transparent;color:var(--gold)}.rsvp-contact{font-family:var(--font-body);font-size:10px;color:var(--gray-blue);margin-top:8px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(150px);background:var(--gold);color:var(--navy-dark);padding:14px 32px;border-radius:40px;font-size:14px;font-family:var(--font-body);letter-spacing:.05em;transition:transform .6s cubic-bezier(.19,1,.22,1),opacity .4s ease;z-index:9999;box-shadow:0 10px 30px #0000004d;opacity:0;pointer-events:none}#toast.show{transform:translate(-50%) translateY(0);opacity:1}@media (min-width: 1024px){.family-info{flex-direction:row;gap:80px}.attire-grid{flex-direction:row;gap:120px}.events-timeline{max-width:800px}}.envelope-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;overflow:hidden;pointer-events:auto;transition:opacity .5s ease 1s;cursor:pointer;-webkit-tap-highlight-color:transparent}.envelope-gate.is-open{pointer-events:none;opacity:0}.gate-door{width:50%;height:100%;background-color:var(--navy-dark);background-image:radial-gradient(circle at center,rgba(199,164,106,.05) 0%,transparent 70%);position:relative;transition:transform 1.2s cubic-bezier(.77,0,.175,1);display:flex;align-items:center;box-shadow:0 0 50px #00000080}.gate-left{transform-origin:left;justify-content:flex-end}.gate-right{transform-origin:right;justify-content:flex-start}.envelope-gate.is-open .gate-left{transform:translate(-100%)}.envelope-gate.is-open .gate-right{transform:translate(100%)}.gate-border-right,.gate-border-left{width:2px;height:100%;background:linear-gradient(to bottom,transparent,var(--gold),transparent)}.gate-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#8a6a3b);border:4px solid var(--navy-dark);box-shadow:0 10px 30px #000c,inset 0 2px 10px #fff6;color:var(--navy-dark);font-family:var(--font-display);font-size:16px;font-weight:600;cursor:pointer;z-index:10000;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.gate-btn:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border:1px solid rgba(199,164,106,.5);border-radius:50%;animation:pulse-ring 2s infinite cubic-bezier(.215,.61,.355,1)}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.gate-btn:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 15px 40px #000000e6,inset 0 2px 15px #fff9}.gate-btn:active{transform:translate(-50%,-50%) scale(.95)}.envelope-gate.is-open .gate-btn{opacity:0;transform:translate(-50%,-50%) scale(0);pointer-events:none}@keyframes board-swing{0%{transform:translate(-50%) rotate(2deg)}50%{transform:translate(-50%) rotate(-2deg)}to{transform:translate(-50%) rotate(2deg)}}.gate-board{position:absolute;top:calc(50% + 40px);left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;transition:all .6s cubic-bezier(.4,0,.2,1);pointer-events:none;transform-origin:center -40px;animation:board-swing 5s ease-in-out infinite}.envelope-gate.is-open .gate-board{opacity:0;transform:translate(-50%) translateY(30px) scale(.9) rotate(0)}.board-chains{position:relative;width:140px;height:60px;display:flex;justify-content:space-between}.chain-left,.chain-right{width:60px;height:100%}.board-panel{background:var(--navy-dark);border:1px solid var(--gold);border-radius:8px;padding:15px 30px;box-shadow:0 10px 30px #000c,inset 0 0 0 2px #c7a46a4d;text-align:center;position:relative;min-width:220px}.board-text{display:flex;flex-direction:column;gap:5px;margin:10px 0}.welcome-label{color:var(--gold);font-family:var(--font-display);font-size:14px;letter-spacing:4px}.guest-name-label{color:var(--ivory);font-family:var(--font-display);font-size:20px;font-weight:600;text-transform:uppercase;letter-spacing:2px}.board-ornament{display:flex;justify-content:center;opacity:.8}