:root{font-family:Cairo,sans-serif;color:#3d3024;background:#faf7f0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--gold:#b28a4a;--gold-light:#d9bd82;--ink:#48392b;--muted:#8b7a66;--paper:#faf7f0;--line:rgba(178,138,74,.34)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;min-width:320px;background:var(--paper)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.site-shell{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 22%,rgba(255,255,255,.95),transparent 52%),var(--paper)}.petal-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:8}.petal{position:absolute;top:-30px;border-radius:100% 0;background:linear-gradient(135deg,#d6b5801a,#b28a4a94);opacity:.52;animation:fall linear infinite;filter:blur(.15px)}@keyframes fall{0%{transform:translate3d(0,-5vh,0) rotate(0);opacity:0}10%{opacity:.55}85%{opacity:.4}to{transform:translate3d(35px,110vh,0) rotate(500deg);opacity:0}}.music-button{position:fixed;z-index:20;top:22px;left:22px;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--line);border-radius:99px;background:#faf7f0d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#806239;font-size:11px;box-shadow:0 5px 20px #5e47200a;transition:.25s}.music-button:hover,.music-button.is-playing{background:#fffaf0;border-color:var(--gold)}.sound-bars{height:14px;display:flex;align-items:center;gap:2px}.sound-bars b{width:2px;background:var(--gold);border-radius:4px;animation:sound .6s ease-in-out infinite alternate}.sound-bars b:nth-child(1){height:6px}.sound-bars b:nth-child(2){height:13px;animation-delay:.2s}.sound-bars b:nth-child(3){height:8px;animation-delay:.35s}@keyframes sound{to{height:3px}}.cover-screen{min-height:100svh;display:grid;place-items:center;position:relative;isolation:isolate;padding:50px 20px 74px}.cover-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");pointer-events:none}.arch-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:min(100%,620px);height:100%;margin:auto;overflow:visible;pointer-events:none}.arch-line{stroke:var(--gold);stroke-width:1.2;opacity:.72;vector-effect:non-scaling-stroke}.arch-line-main{stroke-dasharray:1800;stroke-dashoffset:1800;animation:draw-arch 2.5s .2s ease forwards}.arch-line-inner{stroke:var(--gold-light);stroke-width:.7;stroke-dasharray:1800;stroke-dashoffset:1800;animation:draw-arch 2.7s .45s ease forwards}.arch-line-base{stroke-width:.8;opacity:.5}.arch-ornament{stroke:var(--gold);fill:#d8bd83;stroke-width:.8;opacity:0;animation:fade-in 1s 2s forwards}@keyframes draw-arch{to{stroke-dashoffset:0}}@keyframes fade-in{to{opacity:.85}}.cover-content{position:relative;z-index:2;text-align:center;width:min(100%,440px);padding:30px 14px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:11px;color:#9d7944;font-size:10px;letter-spacing:2px;margin-bottom:27px}.eyebrow span,.cover-bottom span{height:1px;width:25px;background:var(--gold-light)}.bismillah{font-family:Amiri,serif;font-size:clamp(18px,3vw,25px);font-weight:400;color:#9a7947;margin:0 0 24px}.cover-monogram{font-family:Amiri,serif;font-size:clamp(78px,12vw,108px);line-height:1.15;color:#a88145;letter-spacing:3px;text-shadow:0 4px 20px #b28a4a1a}.cover-monogram span{font-family:Cairo,sans-serif;font-size:27px;font-weight:300;color:#d3b984;margin:0 8px;vertical-align:middle}.cover-caption{font-family:Amiri,serif;font-size:17px;color:#82715e;margin:24px 0 27px}.open-button{border:1px solid #c4a36a;border-radius:2px;background:linear-gradient(120deg,#b28a4a,#d5b87d,#ad8344);color:#fff;padding:12px 27px;display:inline-flex;gap:12px;align-items:center;box-shadow:0 8px 22px #b28a4a25;transition:transform .25s,box-shadow .25s}.open-button:hover{transform:translateY(-3px);box-shadow:0 12px 26px #b28a4a35}.cover-date{display:block;margin-top:24px;font-size:10px;letter-spacing:1px;color:#a18c71}.cover-bottom{position:absolute;bottom:26px;display:flex;align-items:center;gap:12px;font-size:10px;color:#a58c67;letter-spacing:1px}.cover-flower{position:absolute;color:#c0a16b;width:clamp(90px,16vw,180px);opacity:.65}.cover-flower .floral-svg{width:100%}.flower-one{left:calc(50% - min(42vw,400px));top:16%}.flower-two{right:calc(50% - min(42vw,400px));bottom:14%;transform:rotate(180deg)}.invitation{position:relative;animation:page-in .8s ease both}@keyframes page-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.hero{position:relative;min-height:790px;min-height:min(900px,100svh);display:grid;place-items:center;padding:100px 24px 80px;isolation:isolate;overflow:hidden}.hero>.arch-svg{width:min(100%,680px);height:100%;max-height:900px;opacity:.8}.hero-content{position:relative;z-index:2;text-align:center;max-width:590px;margin-top:-4px}.hero-content .bismillah{margin-bottom:17px}.names{display:flex;justify-content:center;align-items:center;gap:clamp(17px,4vw,42px);font-family:Amiri,serif;font-size:clamp(48px,9vw,82px);line-height:1.35;color:#886538}.names i{font-family:Amiri,serif;font-size:34px;font-weight:400;color:#c8a96c}.gold-divider{display:flex;align-items:center;justify-content:center;gap:12px;color:#b18a4e;margin:10px auto 22px}.gold-divider span{width:62px;height:1px;background:linear-gradient(90deg,transparent,#b18a4e)}.gold-divider span:last-child{transform:rotate(180deg)}.hero h1,.section-pad h2{font-family:Amiri,serif;font-size:clamp(30px,5vw,43px);font-weight:400;color:#6e5437;margin:0 0 13px}.hero-copy{max-width:480px;margin:0 auto;color:#897966;font-size:14px;line-height:2.2}.date-pill{display:inline-flex;align-items:center;gap:9px;margin-top:25px;padding:10px 18px;border:1px solid var(--line);color:#8f6d3c;border-radius:2px;font-size:12px;background:#fffaf37a}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:#a68b5d;font-size:10px;margin-top:48px;animation:bob 2s ease-in-out infinite}.scroll-cue svg{animation:arrow-bob 1.4s infinite}@keyframes arrow-bob{50%{transform:translateY(5px)}}.hero-bottom-note{position:absolute;bottom:28px;color:#b09a78;font-family:Amiri,serif;font-size:15px;letter-spacing:1px}.hero-floral{position:absolute;color:#bba16f;width:clamp(105px,18vw,210px);opacity:.48;z-index:-1}.hero-floral .floral-svg{width:100%}.floral-a{left:3%;top:25%;transform:rotate(-22deg)}.floral-b{right:3%;bottom:14%;transform:rotate(155deg)}.section-pad{padding:100px 24px;text-align:center;position:relative}.countdown-section{background:linear-gradient(180deg,#f3ebdc7a,#fffaf5b8,#f3ebdc7a);border-top:1px solid #b28a4a18;border-bottom:1px solid #b28a4a18}.section-kicker{color:#b08a4e;font-size:11px;letter-spacing:2px;margin:0 0 11px}.section-pad h2{margin-bottom:8px}.section-subtitle{color:#9a8976;font-size:13px;margin:0 auto 34px;line-height:1.9}.countdown{display:flex;justify-content:center;gap:clamp(10px,3vw,25px);max-width:570px;margin:0 auto}.count-box{width:105px;min-width:0;padding:19px 10px 15px;border:1px solid #c7aa74;border-radius:3px;background:#fffdf9a8;box-shadow:0 9px 26px #9b77430a}.count-box strong{display:block;font-family:Amiri,serif;color:#8b6838;font-size:clamp(28px,5vw,42px);font-weight:400;line-height:1.25}.count-box span{display:block;font-size:11px;color:#a28c6e;margin-top:7px}.countdown-done{color:#9b7944;font-family:Amiri,serif}.event-section{background:#fbf8f1}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:930px;margin:42px auto 0}.event-card{position:relative;padding:32px 22px 25px;border:1px solid #cdb6878c;background:#fffdf9;min-height:240px;box-shadow:0 12px 40px #5d482008;transition:transform .3s,box-shadow .3s}.event-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #5d482012}.event-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 18px;border:1px solid #d8c39b;border-radius:50%;color:#a7844b}.card-label{color:#b18b51;font-size:10px;letter-spacing:1px}.event-card h3{font-family:Amiri,serif;font-size:22px;font-weight:400;color:#715638;margin:8px 0}.event-card p{font-size:11px;color:#9a8a77;line-height:1.9;margin:0}.location-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px}.location-actions a{display:inline-flex;align-items:center;gap:6px;color:#96713e;text-decoration:none;font-size:11px}.location-actions button{display:grid;place-items:center;border:1px solid #e0d0ae;background:transparent;color:#96713e;border-radius:50%;width:27px;height:27px}.rsvp-section{background:radial-gradient(ellipse at 50% 30%,#fffdf8,#f6efe2)}.rsvp-form{max-width:490px;margin:35px auto 0;text-align:right;display:grid;gap:18px}.rsvp-form>label{display:grid;gap:8px;font-size:12px;color:#806744}.rsvp-form input:not([type=radio]),.rsvp-form textarea,.rsvp-form select{width:100%;border:1px solid #d9c8a8;border-radius:2px;background:#fffdf9;padding:12px 13px;color:#594735;outline:none;font-size:13px;transition:border-color .2s,box-shadow .2s}.rsvp-form input:focus,.rsvp-form textarea:focus,.rsvp-form select:focus{border-color:#b28a4a;box-shadow:0 0 0 3px #b28a4a18}.rsvp-form input::placeholder,.rsvp-form textarea::placeholder{color:#b5a691}.rsvp-form textarea{resize:vertical;min-height:85px}.optional{color:#ad9b83;font-size:10px}.rsvp-form fieldset{border:0;padding:0;margin:0;display:grid;gap:9px}.rsvp-form legend{font-size:12px;color:#806744;margin-bottom:10px}.radio-option{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e1d4bc;background:#fffdf8;font-size:12px;color:#88745a;cursor:pointer}.radio-option.selected{border-color:#c5a56e;background:#fbf4e7}.radio-option input{accent-color:#a98043}.submit-button{display:flex;justify-content:center;align-items:center;gap:10px;background:#a98043;color:#fff;border:1px solid #a98043;border-radius:2px;padding:13px 18px;font-size:13px;transition:background .2s,transform .2s}.submit-button:hover{background:#8e6c38;transform:translateY(-2px)}.form-hint{font-size:11px;line-height:1.8;color:#8d774f;text-align:center}.rsvp-ornament{position:absolute;right:calc(50% + 270px);top:40px;width:130px;color:#c6aa75;opacity:.5}.rsvp-ornament .floral-svg{width:100%}.footer{text-align:center;padding:45px 20px 35px;background:#eee3d0;border-top:1px solid #cbb17e66;color:#8d7046}.footer-heart{display:grid;place-items:center;width:36px;height:36px;margin:0 auto 10px;border:1px solid #c6a56e;border-radius:50%}.footer>p{font-family:Amiri,serif;font-size:19px;margin:0 0 8px}.footer-names{font-family:Amiri,serif;font-size:27px;color:#6d5232}.footer-names span{font-size:17px;color:#b18a4e;margin:0 8px}.footer small{display:block;color:#ad997b;font-size:10px;margin-top:18px}.cover-screen .arch-svg{z-index:-1}@media(min-width:1200px){.hero{min-height:900px}.hero-floral.floral-a{left:calc(50% - 550px)}.hero-floral.floral-b{right:calc(50% - 550px)}}@media(max-width:700px){.music-button{top:13px;left:13px;padding:9px 11px}.music-button span{font-size:10px}.cover-screen{padding:60px 16px 70px}.cover-content{padding:25px 8px}.flower-one{left:2%;top:14%;width:95px}.flower-two{right:0;bottom:12%;width:90px}.hero{min-height:760px;min-height:94svh;padding:95px 23px 78px}.hero-content{max-width:440px}.hero-copy{font-size:13px}.hero-floral{width:100px;opacity:.3}.floral-a{left:-24px;top:17%}.floral-b{right:-22px;bottom:10%}.section-pad{padding:75px 18px}.event-grid{grid-template-columns:1fr;max-width:420px;gap:13px;margin-top:30px}.event-card{min-height:unset;padding:25px 20px}.event-icon{margin-bottom:12px}.count-box{padding:15px 6px 12px}.countdown{gap:8px}.count-box span{font-size:10px}.rsvp-ornament{display:none}}@media(max-width:380px){.names{gap:13px;font-size:43px}.names i{font-size:25px}.countdown{gap:5px}.count-box{padding:13px 3px}.count-box strong{font-size:26px}.eyebrow{letter-spacing:1px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.petal-layer{display:none}}.honeypot{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}.submit-button:disabled{opacity:.7;cursor:wait}.form-error{margin:.75rem 0 0;color:#a83232;font-size:.9rem;line-height:1.7}:root{--gold:#b99548;--gold-light:#dfceaa;--ink:#302c26;--muted:#81796d;--paper:#faf8f4;--line:rgba(185,149,72,.32);color:var(--ink);background:var(--paper)}body,.site-shell{background:#faf8f4;color:var(--ink)}.site-shell{background:radial-gradient(ellipse at 50% 18%,#fff 0,rgba(255,255,255,.78) 28%,transparent 64%),linear-gradient(145deg,#faf8f4,#f5f1e9)}.petal{background:linear-gradient(135deg,#ffffff80,#b995488f)}.music-button{background:#ffffffdb;color:#796134;border-color:#b9954852}.cover-screen{background:radial-gradient(ellipse at center,#fff 0,#faf8f4 62%,#f2eee5)}.arch-line{stroke:#b99548}.arch-line-inner{stroke:#dfceaa}.arch-ornament{stroke:#aeb89d;fill:#d7c28e}.cover-flower,.hero-floral,.rsvp-ornament{color:#9da88c}.eyebrow,.cover-date,.cover-bottom{color:#8b7040}.bismillah{color:#7d6845}.cover-monogram{color:#302c26;text-shadow:0 4px 22px rgba(185,149,72,.12)}.cover-names{display:flex;justify-content:center;align-items:center;gap:clamp(8px,2vw,16px);font-family:Aref Ruqaa,Amiri,serif;font-size:clamp(38px,8vw,61px);letter-spacing:0;white-space:nowrap;line-height:1.45}.cover-names span:last-child{color:#b99548}.cover-names i{font-family:Cairo,sans-serif;font-size:.48em;font-style:normal;font-weight:400;color:#b99548}.cover-caption,.hero-copy,.section-subtitle,.event-card p{color:#746e64}.open-button{border-color:#a9853d;background:linear-gradient(120deg,#a9853d,#d0b36e,#a9853d);box-shadow:0 8px 22px #a9853d2e}.open-button:hover{box-shadow:0 12px 26px #a9853d47}.hero{background:linear-gradient(180deg,#fff3,#faf8f4c7)}.names{color:#302c26}.names span:last-child{color:#b99548}.names i,.gold-divider,.gold-divider span,.date-pill,.section-kicker,.card-label,.location-actions a,.location-actions button{color:#a9853d}.hero h1,.section-pad h2,.event-card h3{color:#40372c}.date-pill{background:#ffffffbf;border-color:#b9954859}.countdown-section{background:linear-gradient(180deg,#f7f4ee,#fffdfa,#f7f4ee);border-color:#b995482e}.count-box,.event-card{background:#ffffffd6;border-color:#b9954857;box-shadow:0 12px 40px #4d3d200e}.count-box strong{color:#8c6e37}.event-icon{border-color:#d8c89e;color:#a9853d}.event-card:hover{box-shadow:0 18px 45px #4d3d201a}.footer{background:#f1eee7;border-color:#b9954847;color:#786441}.footer-names{color:#302c26}.footer-names span{color:#b99548}
