:root{--navy:#132d32;--navy-deep:#10272c;--ivory:#f8f5ed;--paper:#fffcf5;--gold:#b59963;--gold-light:#dbcba7;--ink:#243c3d;--muted:#7c8279;--line:#dbd5c5;--display:'Aref Ruqaa',Georgia,serif;--body:'Cairo',Tahoma,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--body);font-size:14px;line-height:1.9}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--gold);outline-offset:7px}h1,h2,h3,p{margin:0}h2,h3{font-weight:400}svg{fill:none;stroke:currentColor;stroke-width:1.2}.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:10px;right:10px;z-index:10;background:var(--paper);width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus-visible{width:auto;height:auto;padding:10px;clip-path:none}
.masthead{height:88px;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 52px}.monogram{font-family:var(--display);font-size:29px;color:var(--navy)}.monogram span{font-size:16px;color:var(--gold);margin:0 4px}.masthead-note{font-size:11px;letter-spacing:.6px;color:var(--muted)}.header-link{font-size:11px;border-bottom:1px solid var(--gold-light);padding-bottom:4px}.header-link span{margin-right:12px;color:var(--gold)}
.hero{min-height:850px;background:var(--navy);position:relative;isolation:isolate;display:flex;align-items:center;flex-direction:column;padding:58px 24px 25px;overflow:hidden}.hero:before{content:'';position:absolute;inset:18px;border:1px solid #b5996324;pointer-events:none}.hero:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.2;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%3Cpath filter='url(%23n)' opacity='.26' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-halo{position:absolute;width:900px;height:900px;top:-65px;border:1px solid #b5996318;border-radius:50%;z-index:-1}.hero-halo:before,.hero-halo:after{content:'';position:absolute;inset:50px;border:1px solid #b5996318;border-radius:50%}.hero-halo:after{inset:105px}.side-note{position:absolute;left:55px;top:42%;writing-mode:vertical-rl;letter-spacing:5px;font-size:9px;color:#d3c29b80}.invitation-card{width:min(100%,540px);min-height:660px;background:var(--paper);position:relative;text-align:center;padding:44px 30px 36px;box-shadow:0 24px 80px #0004;isolation:isolate}.card-frame{position:absolute;inset:14px;border:1px solid var(--gold-light);z-index:-1}.card-frame:after{content:'';position:absolute;inset:5px;border:1px solid #b5996338}.branch{position:absolute;color:var(--gold);width:145px;height:295px;opacity:.65;z-index:-1}.branch-right{right:-24px;top:180px;transform:rotate(-14deg)}.branch-left{left:-24px;top:180px;transform:scaleX(-1) rotate(-14deg)}.branch path{vector-effect:non-scaling-stroke}.bismillah{font-family:var(--display);font-size:19px}.hero-intro{margin-top:26px}.tiny-star{display:block;color:var(--gold);font-size:20px;margin-bottom:12px}.eyebrow{font-size:10px;font-weight:600;color:var(--gold);letter-spacing:1px}.hero-intro .eyebrow{font-size:9px;letter-spacing:2px}.hero-intro h2{font-size:14px;margin-top:9px;color:var(--muted)}.couple-names{font-family:var(--display);font-weight:400;display:flex;align-items:center;justify-content:center;gap:19px;min-height:170px;font-size:80px;line-height:1.7;margin:16px 0 6px}.ampersand{font-family:Georgia,serif;font-size:36px;font-style:italic;font-weight:400;color:var(--gold)}.hero-date{display:flex;align-items:center;justify-content:center;gap:15px;font-size:12px;margin-top:15px}.date-rule{height:1px;width:24px;background:var(--gold-light)}.hero-caption{font-size:11px;color:var(--muted);margin-top:16px}.seal{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:linear-gradient(130deg,#d0b77d,#ac8c52 55%,#d9c391);color:#fff5dc;margin:25px auto 0;box-shadow:0 3px 8px #84653030,inset 0 0 0 4px #cbb07a,inset 0 0 0 5px #f3dfab60;transform:rotate(-9deg);transition:transform .3s}.seal:hover{transform:rotate(0) scale(1.06)}.seal span{font-family:var(--display);font-size:23px}.seal i{font-size:13px;font-style:normal}.scroll-cue{color:var(--gold-light);display:flex;align-items:center;flex-direction:column;font-size:9px;gap:10px;margin-top:30px}.scroll-line{height:30px;width:1px;background:linear-gradient(var(--gold-light),transparent);transform-origin:top;animation:scroll-line 2.5s ease-in-out infinite}
.section-pad{padding:90px 24px}.greeting{text-align:center;position:relative;max-width:850px;margin:auto}.greeting h2{font-family:var(--display);font-size:43px;line-height:1.65;margin:18px 0 24px}.greeting h2 span{color:var(--gold)}.body-copy{color:var(--muted);font-size:13px;line-height:2.4}.ornament{display:flex;align-items:center;justify-content:center;gap:15px;color:var(--gold);margin-top:36px;font-size:24px}.ornament span{width:65px;height:1px;background:var(--line)}.details{background:#efeee5;border-top:1px solid #e5e2d6;border-bottom:1px solid #e5e2d6}.section-heading{text-align:center;margin-bottom:45px}.section-heading h2,.venue h2,.closing h2{font-family:var(--display);font-size:44px;margin-top:10px}.details-grid{display:grid;grid-template-columns:1fr 1fr;max-width:810px;margin:auto;background:var(--paper);border:1px solid var(--line)}.date-panel{text-align:center;padding:35px 24px;border-left:1px solid var(--line)}.large-date{font-family:Georgia,serif;font-size:116px;line-height:1.18;letter-spacing:-6px;margin:14px 0 7px;font-weight:400;color:var(--navy)}.month-label{font-size:14px}.short-rule{display:block;width:38px;height:1px;background:var(--gold);margin:22px auto}.event-time{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px}.event-time svg{width:17px;height:17px;color:var(--gold)}.date-footnote{font-size:10px;color:var(--muted);margin-top:12px}.calendar-panel{padding:32px 29px 22px}.calendar-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:19px}.calendar-caption{font-size:8px;color:var(--muted)}.calendar{width:100%;table-layout:fixed;border-collapse:collapse;text-align:center;font-family:var(--body)}.calendar th{font-size:10px;font-weight:400;color:var(--muted);padding-bottom:14px}.calendar abbr{text-decoration:none}.calendar td{height:40px;font-size:12px}.calendar-day{display:inline-grid;place-items:center;width:32px;height:32px}.calendar-day.is-event{background:var(--navy);color:#fff7df;border-radius:50%;box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--gold-light);position:relative}.calendar-note{font-size:9px;text-align:center;margin-top:20px;color:var(--muted)}.calendar-note span{color:var(--gold);font-size:16px;margin-left:5px}.countdown-section{text-align:center;margin:50px auto 0}.countdown{display:flex;justify-content:center;gap:0;margin:22px auto 15px;max-width:450px}.countdown-unit{width:25%;border-left:1px solid var(--line)}.countdown-unit:last-child{border:0}.countdown-unit>span{font-family:Georgia,serif;font-size:43px;line-height:1.3;display:block;font-variant-numeric:tabular-nums;direction:ltr}.countdown-unit small{display:block;font-size:9px;color:var(--muted);margin-top:6px}.countdown-message{font-size:10px;color:var(--muted)}
.venue{max-width:970px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:100px;padding-bottom:100px}.venue-art{background:#e9e9dc;min-height:360px;display:flex;align-items:flex-end;justify-content:center;padding:28px 34px 0;overflow:hidden;position:relative}.venue-art:after{content:'';position:absolute;inset:12px;border:1px solid #b5996340}.arch{height:315px;width:240px;border:1px solid var(--gold);border-radius:150px 150px 0 0;position:relative;background:linear-gradient(150deg,#f8f5ed,#e3e4d5);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:35px}.arch:before{content:'';position:absolute;inset:8px 8px 0;border:1px solid #b5996350;border-bottom:0;border-radius:150px 150px 0 0}.arch svg{position:absolute;left:0;bottom:-20px;width:125px;height:240px;color:#8d9b7e;transform:rotate(-20deg)}.arch-star{font-size:54px;color:var(--gold);position:absolute;top:60px;right:70px}.arch-caption{font-family:var(--display);font-size:23px;color:var(--navy);z-index:1}.venue-content .short-rule{margin-right:0}.venue h3{font-size:20px;margin-bottom:6px}.venue-address{color:var(--muted);font-size:12px}.map-button{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--navy);color:var(--paper);padding:16px 23px;margin-top:28px;font-size:11px;max-width:280px;position:relative;overflow:hidden;transition:background .25s,transform .25s}.map-button svg{width:19px;height:19px;color:var(--gold-light);flex-shrink:0}.map-button:after{content:'';position:absolute;inset:0;transform:translateX(110%) skewX(-20deg);background:linear-gradient(90deg,transparent,#dbcba730,transparent);transition:transform .65s}.map-button:hover{background:#24474b;transform:translateY(-2px)}.map-button:hover:after{transform:translateX(-110%) skewX(-20deg)}.map-hint{font-size:9px;color:var(--muted);margin-top:10px}.closing{text-align:center;background:var(--navy);color:var(--paper);position:relative}.closing:before{content:'';position:absolute;inset:18px;border:1px solid #b5996330;pointer-events:none}.closing h2{font-size:46px;margin:10px 0 20px}.closing>p:not(.eyebrow){font-size:11px;color:#b6c1b9}.closing-names{font-family:var(--display);font-size:36px;margin:23px 0 12px}.closing-names span{font-family:Georgia,serif;font-size:24px;color:var(--gold);margin:0 12px}.closing time{font-family:Georgia,serif;font-size:12px;letter-spacing:4px;color:var(--gold-light);direction:ltr;display:inline-block}.footer{max-width:1240px;margin:auto;min-height:78px;padding:20px 52px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9px}.footer>span:nth-child(2){font-size:22px;color:var(--gold)}
.hero-enter{animation:enter .85s both}.hero-intro{animation-delay:.12s}.couple-names{animation-delay:.24s}.hero-date{animation-delay:.36s}.hero-caption{animation-delay:.46s}.seal{animation-name:seal-enter;animation-delay:.56s}.reveal.is-pending{opacity:0;transform:translateY(22px)}.reveal{transition:opacity .8s ease,transform .8s ease}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes seal-enter{from{opacity:0;transform:translateY(12px) rotate(-9deg)}to{opacity:1;transform:translateY(0) rotate(-9deg)}}@keyframes scroll-line{50%{transform:scaleY(.6);opacity:.5}}
@media(min-width:1500px){.hero{min-height:880px;padding-top:70px}}
@media(max-width:700px){.masthead{height:72px;padding:0 23px}.masthead-note{font-size:9px}.header-link{font-size:10px}.monogram{font-size:25px}.hero{min-height:760px;padding:36px 24px 22px}.hero:before{inset:10px}.side-note{display:none}.invitation-card{max-width:430px;min-height:610px;padding:38px 24px 28px}.branch{width:118px;height:265px;top:164px}.branch-right{right:-13px}.branch-left{left:-13px}.bismillah{font-size:17px}.hero-intro{margin-top:27px}.couple-names{font-size:67px;gap:14px;min-height:153px;margin-top:17px}.ampersand{font-size:27px}.hero-date{font-size:10px;gap:8px}.date-rule{width:14px}.seal{width:59px;height:59px}.section-pad{padding:65px 24px}.greeting h2{font-size:35px}.body-copy{font-size:12px}.details-grid{max-width:430px;grid-template-columns:1fr}.date-panel{border-left:0;border-bottom:1px solid var(--line);padding:28px 20px}.large-date{font-size:96px;margin:4px 0}.short-rule{margin:16px auto}.calendar-panel{padding:26px 27px}.calendar td{height:42px}.calendar-caption{font-size:9px}.countdown-unit>span{font-size:37px}.venue{grid-template-columns:1fr;gap:35px;max-width:478px}.venue-art{min-height:310px;order:2}.arch{height:280px}.venue-content{text-align:center}.venue-content .short-rule{margin-inline:auto}.map-button{margin-inline:auto;max-width:100%}.venue h2,.section-heading h2{font-size:38px}.closing h2{font-size:38px}.footer{padding:20px 24px;font-size:8px;gap:12px}.desktop-break{display:none}}
@media(max-width:360px){.masthead-note{display:none}.hero{padding-inline:18px}.invitation-card{padding-inline:20px}.couple-names{font-size:57px;gap:9px}.hero-date{font-size:9px}.branch{width:95px}.section-pad{padding-inline:18px}.calendar-panel{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal.is-pending{opacity:1;transform:none}}