@import "https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Great+Vibes&display=swap";:root{--ivory:#f9efd9;--paper:#fff7e9;--gold:#b77b28;--deep-gold:#88601f;--champagne:#e7be78;--ink:#46331c;--muted:#806242;--display:"Great Vibes", cursive;--body:"Cormorant Garamond", serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#efe1c8}body{color:var(--ink);font-family:var(--body);text-align:center;background:#efe1c8;margin:0;font-size:17px;line-height:1.65}button,a{font:inherit}:focus-visible{outline:2px solid var(--deep-gold);outline-offset:4px}.invitation{background:var(--paper);max-width:720px;margin:auto;transition:opacity .7s;overflow:hidden;box-shadow:0 0 80px #5b390d26}.invitation--hidden{opacity:0;height:0}.section-shell{isolation:isolate;padding:84px 28px;position:relative;overflow:hidden}.section-shell:before{content:"";pointer-events:none;z-index:-1;border:1px solid #b77b2859;position:absolute;inset:13px}.eyebrow{color:var(--deep-gold);letter-spacing:.1em;margin:0;font-size:16px}.botanical{fill:none;stroke:var(--gold);stroke-width:1.05px;stroke-linecap:round;stroke-linejoin:round;opacity:.55;pointer-events:none;position:absolute}.crest{fill:none;width:120px;height:auto;stroke:var(--gold);stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;margin:0 auto 5px;display:block}.divider{color:var(--gold);direction:ltr;justify-content:center;align-items:center;gap:8px;margin:12px auto 18px;font-style:normal;display:flex}.divider span{background:var(--champagne);width:48px;height:1px}.divider i{font-size:10px;font-style:normal}.opening{z-index:10;background:#e9d7b7;place-items:center;min-height:100svh;display:grid;position:fixed;inset:0;overflow:hidden}.open-card{width:min(100%,590px);height:100svh;color:var(--ink);background:#f7e8cd;border:0;padding:0;display:block;position:relative;overflow:hidden}.open-card:after{content:"";pointer-events:none;background:linear-gradient(#fff7e90f,#52310c1a);position:absolute;inset:0}.open-card>img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.open-card-copy{z-index:1;color:#70501e;text-shadow:0 1px #fff8e1bf;justify-items:center;gap:1px;display:grid;position:absolute;inset:auto 0 25.8%}.open-card-copy b{font:400 clamp(30px,8.6vw,47px)/1 var(--display);letter-spacing:.025em}.open-card-copy small{font:500 13px/1.2 var(--body);letter-spacing:.18em;text-transform:lowercase}.open-card-copy i{color:var(--gold);margin-top:4px;font:400 23px/1 serif;animation:1.6s ease-in-out infinite tapHint}@keyframes tapHint{50%{opacity:.46;transform:translateY(8px)}}.hero{background:#74624d;place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 48%,#2f1f108c 100%);position:absolute;inset:0}.hero-photo{object-fit:contain;object-position:center;background:#70614d;width:100%;height:100svh;display:block}.hero-copy{z-index:1;color:#fff7e9;text-shadow:0 2px 17px #221307ad;position:absolute;bottom:62px;left:24px;right:24px}.hero-copy p{letter-spacing:.18em;margin:0 0 2px;font-size:17px}.hero-copy h2{font:700 clamp(46px,13vw,70px)/1.12 var(--display);margin:0}.hero-copy span{background:#e9bd71;width:62px;height:1px;margin:12px auto 0;display:block}.scroll-cue{z-index:2;color:#fdf4e4;text-shadow:0 1px 4px #321;place-items:center;width:24px;height:27px;font:400 28px/1 serif;text-decoration:none;display:grid;position:absolute;bottom:18px;left:calc(50% - 12px)}.countdown-section{background:#f3e2c4;padding-top:78px;padding-bottom:76px}.countdown-section:after{content:"";background:var(--paper);z-index:-1;border-radius:0 0 50% 50%;width:180%;height:80px;position:absolute;top:-37px;left:-40%}.paper-countdown{clip-path:polygon(0 3%,2% 0,5% 2%,8% 0,11% 2%,15% 0,18% 2%,22% 0,25% 2%,29% 0,33% 2%,37% 0,41% 2%,45% 0,49% 2%,53% 0,57% 2%,61% 0,65% 2%,69% 0,73% 2%,77% 0,81% 2%,85% 0,89% 2%,93% 0,96% 2%,100% 0,100% 97%,97% 100%,94% 98%,91% 100%,88% 98%,85% 100%,82% 98%,79% 100%,76% 98%,73% 100%,70% 98%,67% 100%,64% 98%,61% 100%,58% 98%,55% 100%,52% 98%,49% 100%,46% 98%,43% 100%,40% 98%,37% 100%,34% 98%,31% 100%,28% 98%,25% 100%,22% 98%,19% 100%,16% 98%,13% 100%,10% 98%,7% 100%,4% 98%,0 100%);background:#fff8e9;grid-template-columns:repeat(4,1fr);max-width:480px;margin:23px auto 13px;padding:20px 8px 16px;display:grid;position:relative;box-shadow:0 12px 25px #68420f1f}.paper-countdown div+div{border-right:1px solid #b77b2857}.paper-countdown b{font:700 clamp(37px,10vw,54px)/1 var(--display);color:var(--ink);display:block}.paper-countdown span{color:var(--muted);font-size:13px}.countdown-date{color:var(--muted);margin:0;font-size:15px}.countdown-branch{width:200px;bottom:-45px;right:-115px;transform:rotate(163deg)}.date-section{background:var(--paper);padding-top:91px;padding-bottom:88px}.date-display{margin:17px auto 19px}.date-display p{letter-spacing:.1em;color:var(--ink);margin:0;font-size:22px}.date-display strong{font:700 clamp(110px,31vw,154px)/.92 var(--display);color:var(--deep-gold);margin:8px 0 4px;display:block}.date-display p:last-child{font-size:24px}.date-display span{color:var(--gold);margin-right:6px}.time-display{color:var(--gold);justify-content:center;align-items:center;gap:13px;margin-top:25px;display:flex}.time-display svg{width:26px;height:26px}.time-display div{text-align:right;border-right:1px solid var(--champagne);padding-right:13px}.time-display small{color:var(--muted);font-size:14px;line-height:1;display:block}.time-display b{color:var(--ink);font-size:22px;font-weight:600;display:block}.date-branch{width:210px;bottom:-20px;left:-108px;transform:rotate(23deg)}.venue-section{background:#e8d0a8;padding-top:93px;padding-bottom:96px}.venue-section h2{font:700 clamp(39px,10vw,59px)/1.25 var(--display);color:var(--ink);margin:4px 0}.city{color:var(--muted);margin:0;font-size:19px}.venue-section .crest{stroke:var(--deep-gold)}.venue-section .eyebrow{color:#6d4a18}.location-link{color:var(--ink);border:1px solid var(--deep-gold);background:#fff8e952;align-items:center;gap:9px;margin-top:25px;padding:10px 22px 12px;font-size:16px;text-decoration:none;transition:background .35s,color .35s,transform .35s;display:inline-flex}.location-link:hover{background:var(--deep-gold);color:var(--paper);transform:translateY(-2px)}.details-section{background:#f6e8d0;padding-top:88px;padding-bottom:94px}.notes-list{max-width:335px;margin:28px auto 0}.note{color:var(--ink);border-bottom:1px solid #a3681b54;justify-content:center;align-items:center;gap:13px;padding:15px 0;display:flex}.note svg{color:var(--deep-gold);flex:none}.note p{margin:0;font-size:18px}.details-branch{width:220px;bottom:-30px;right:-118px;transform:rotate(170deg)}.closing{background:#f9efd9;place-content:center;min-height:570px;padding-top:109px;padding-bottom:101px;display:grid}.closing h2{font:700 clamp(29px,8.5vw,45px)/1.62 var(--display);margin:15px 0 8px}.closing-couple{font:700 34px/1.2 var(--display);color:var(--deep-gold);margin:0}.closing-date{color:var(--muted);margin:8px 0 10px;font-size:17px}.closing-monogram{object-fit:contain;width:120px;height:108px;margin:auto;display:block}.closing-branch{opacity:.4;width:210px}.closing-branch--right{top:0;right:-108px;transform:rotate(20deg)}.closing-branch--left{bottom:-35px;left:-115px;transform:rotate(195deg)}@media (width>=700px){body{padding:35px 0}.section-shell{padding-left:70px;padding-right:70px}.hero,.hero-photo{height:90vh;min-height:0}.open-card{height:min(100svh,920px)}.open-card-copy{bottom:26%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.invitation,.location-link{transition:none}.open-card-copy i{animation:none}}.venue-section{padding-top:72px}.venue-sketch{fill:none;stroke:#8d6425;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;opacity:.82;width:min(100%,430px);height:auto;margin:0 auto 13px;display:block}.wax-button{z-index:3;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:188px;height:188px;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.wax-button:focus-visible{outline:0;box-shadow:0 0 0 2px #6d4b17b3,0 0 0 7px #ffeec5a6}.wax-button:hover{filter:drop-shadow(0 4px 9px #58340838)}.open-card-copy{pointer-events:none;z-index:2}.hero{background:var(--paper);min-height:0;display:block}.hero-photo{object-fit:initial;background:var(--paper);height:auto;min-height:0}.hero:after{background:linear-gradient(#0000 52%,#36210e70 100%)}.hero-copy h2{color:#fff7e9}.scroll-cue{bottom:12px}.countdown-section{padding-top:82px;padding-bottom:78px}.paper-countdown{margin-bottom:24px}.paper-countdown div+div{border-left:1px solid #b77b2857;border-right:0}.paper-countdown div:last-child{border-left:0}.occasion-date{color:var(--ink);justify-content:center;align-items:center;gap:10px;margin:8px auto 0;display:flex}.occasion-date p{margin:0;font-size:16px}.occasion-date p:last-of-type{max-width:76px;line-height:1.2}.occasion-date p span{color:var(--deep-gold);display:block}.occasion-date strong{font:700 65px/.9 var(--display);color:var(--deep-gold)}.occasion-time{border-right:1px solid var(--champagne);color:var(--muted);text-align:right;padding-right:12px;font-size:15px}.occasion-time b{color:var(--ink);font-size:19px;display:block}.invitation-note{background:#f8edd8;padding:78px 22px}.arabic-card{clip-path:polygon(0 3%,2% 0,98% 0,100% 3%,100% 97%,98% 100%,2% 100%,0 97%);background:#fff9eb;border:1px solid #8d5f1a8f;max-width:470px;margin:auto;padding:58px 27px 49px;position:relative;box-shadow:0 12px 25px #633e0a1c}.arabic-card:before{content:"";pointer-events:none;border:1px solid #b77b285e;position:absolute;inset:9px}.card-corner{border-color:var(--gold);opacity:.85;border-style:solid;width:47px;height:47px;position:absolute}.card-corner--tr{border-width:1px 1px 0 0;top:18px;right:18px}.card-corner--tl{border-width:1px 0 0 1px;top:18px;left:18px}.card-corner--br{border-width:0 1px 1px 0;bottom:18px;right:18px}.card-corner--bl{border-width:0 0 1px 1px;bottom:18px;left:18px}.basmala{color:var(--deep-gold);margin:0;font-size:17px;position:relative}.invite-intro{color:var(--muted);margin:0;font-size:18px;line-height:1.8;position:relative}.invite-event{color:var(--gold);letter-spacing:.12em;margin:14px 0 0;font-size:19px;position:relative}.arabic-card h2{font:700 clamp(39px,11vw,56px)/1.25 var(--display);color:var(--ink);margin:2px 0;position:relative}.invite-date,.invite-time{color:var(--muted);margin:0;font-size:16px;position:relative}.invite-time{color:var(--ink);font-size:20px}.invite-branch{width:190px}.invite-branch--one{top:-28px;right:-105px;transform:rotate(120deg)}.invite-branch--two{bottom:-58px;left:-98px;transform:rotate(10deg)}.venue-section{background:#e6c994;padding-top:71px}.venue-sketch{stroke:#78531d;stroke-width:1.15px;filter:drop-shadow(0 5px 2px #7b4e0f24);width:min(100%,465px);margin-bottom:18px}.venue-section h2{margin-top:0}.venue-section .crest{margin-top:6px}@media (width>=700px){.hero,.hero-photo{height:auto;min-height:0}.hero-copy{bottom:55px}}.open-card:before{content:"";z-index:0;filter:blur(14px);pointer-events:none;background:radial-gradient(circle at 50% 51%,#ffeec547,#0000 22%);position:absolute;inset:-10%}.open-card-copy{color:#603d0c;text-shadow:0 1px #fff6dde0;gap:0;inset:auto 0 30.5%}.open-card-copy svg{width:268px;height:134px;margin-bottom:-39px;overflow:visible}.open-card-copy small{color:#6a4310;letter-spacing:.15em;text-shadow:0 1px #fff0d2;font-size:14px;font-weight:800;position:relative}.open-card-copy i{color:#7a4d10;text-shadow:0 1px #ffefcd;margin-top:3px;font-size:27px;font-weight:700;position:relative}.wax-button{width:198px;height:198px;transition:filter .5s,transform .5s;top:51%}.wax-button:hover{filter:drop-shadow(0 8px 12px #48270040);transform:translate(-50%,-50%)scale(1.035)}.hero-copy{bottom:38px}.hero-copy p{font:700 26px/1.1 var(--display);letter-spacing:.02em;color:#e8bf7b;text-shadow:0 2px 2px #371f08d1,0 0 14px #371f0861;margin-bottom:5px}.hero-copy h2{color:#e8bf7b;text-shadow:0 2px 2px #371f08d1,0 0 14px #371f0861;font-size:clamp(48px,13vw,74px)}.scroll-cue{color:#e8bf7b;text-shadow:0 2px 4px #371f08cc;bottom:4px}.countdown-section{background-color:#f4e2bf;background-image:radial-gradient(#895b1d1c .65px,#0000 .85px),linear-gradient(90deg,#0000,#fffdef59,#0000);background-size:7px 7px,100% 100%}.paper-countdown{background-color:#fff8e8;background-image:repeating-linear-gradient(0deg,#895b1d09 0 1px,#0000 1px 5px),radial-gradient(circle at 15% 25%,#c79a4d1f,#0000 20%);border-top:1px solid #b77b283d;border-bottom:1px solid #b77b2833;padding-top:25px;padding-bottom:22px;box-shadow:0 16px 28px #68420f29,inset 0 0 22px #b07e3214}.paper-countdown:before,.paper-countdown:after{content:"✦";color:var(--deep-gold);font-size:16px;position:absolute;top:-13px}.paper-countdown:before{left:13px}.paper-countdown:after{right:13px}.occasion-date{border-top:1px solid #b77b2845;max-width:355px;padding:16px 10px 0}.invitation-note{background-color:#f8edd8;background-image:radial-gradient(#895b1d1a .65px,#0000 .85px);background-size:8px 8px}.arabic-card{background-color:#fff9eb;background-image:repeating-linear-gradient(0deg,#895b1d06 0 1px,#0000 1px 5px),radial-gradient(circle at 84% 12%,#c2914321,#0000 24%);box-shadow:0 18px 32px #633e0a26,inset 0 0 36px #cba25b1a}.arabic-card:after{content:"❦";color:var(--gold);font-size:21px;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.venue-section{background-color:#e6c994;background-image:radial-gradient(#603c0f21 .6px,#0000 .85px);background-size:8px 8px}.venue-sketch{filter:drop-shadow(0 8px 4px #68410a26);background:#fff4d536;border-top:1px solid #704a1438;border-bottom:1px solid #704a1438;padding:14px 7px 0}.open-card-copy i{text-align:center;width:24px;display:block;position:absolute;bottom:-26px;left:calc(50% - 12px)}.open-card-copy{display:block;inset:0}.open-card-copy svg{width:300px;height:140px;margin:0;position:absolute;top:calc(51% - 175px);left:50%;transform:translate(-50%)}.open-card-copy text{fill:#5d3a0b;letter-spacing:.02em;font:400 36px Great Vibes,cursive}.open-card-copy small{letter-spacing:.025em;color:#68410b;font:400 28px/1 Great Vibes,cursive;position:absolute;top:calc(51% + 115px);left:0;right:0}.open-card-copy i{color:#6f4610;text-shadow:0 1px #fff0d1;width:28px;font:700 32px/1 serif;top:calc(51% + 148px);bottom:auto;left:calc(50% - 14px)}@media (width<=699px){.open-card-copy svg{top:calc(51% - 160px)}.open-card-copy small{top:calc(51% + 122px)}.open-card-copy i{top:calc(51% + 153px)}}.countdown-section{background-color:#f4e5c9;background-image:radial-gradient(at 13% 12%,#c18e3a29,#0000 31%),radial-gradient(at 86% 88%,#8956161a,#0000 36%),linear-gradient(110deg,#fffcef7a,#0000 48%,#c18e3a0f);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.paper-countdown{background-color:#fff9eb;background-image:radial-gradient(at 18% 25%,#c2914324,#0000 33%),radial-gradient(at 84% 80%,#70461112,#0000 38%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #9d691e4f;padding:25px 12px 23px;box-shadow:0 13px 25px #613a0924,inset 0 0 25px #be8b3e17}.paper-countdown:before,.paper-countdown:after{color:#9a661b;top:-12px}.paper-countdown b{color:#593910;text-shadow:0 1px #fff3d9}.paper-countdown span{color:#8c642f;letter-spacing:.05em;font-size:12px}.occasion-date{color:#5d3c12;border-top:1px solid #97621759;grid-template-columns:1fr auto 1fr;grid-template-areas:"day number month""time time time";align-items:center;gap:0 18px;max-width:348px;margin-top:22px;padding:23px 12px 0;display:grid}.occasion-date .date-day{color:#76511d;grid-area:day;justify-self:end;margin:0;font-size:18px}.occasion-date strong{font:700 80px/.72 var(--display);color:#a76e1c;letter-spacing:-.04em;grid-area:number}.occasion-date .date-month{text-align:right;color:#76511d;grid-area:month;justify-self:start;margin:0;font-size:18px;line-height:1.1}.occasion-date .date-month span{color:#b17b2d;margin-top:4px;font-size:16px;display:block}.occasion-time{color:#87602e;text-align:center;border:0;grid-area:time;justify-content:center;align-items:baseline;gap:9px;padding:14px 0 0;display:flex}.occasion-time small{font-size:15px}.occasion-time b{color:#593910;font-size:22px}.venue-section{background-color:#f7ead5;background-image:linear-gradient(125deg,#fffcf1bf,#e5ca9f38 48%,#fff9eab8),radial-gradient(at 50% 100%,#ae761f24,#0000 46%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;padding-top:70px;padding-bottom:90px}.venue-section:before{border-color:#9762174d}.venue-palace{filter:drop-shadow(0 12px 9px #5531072e);width:min(100%,440px);height:auto;margin:0 auto 9px;display:block}.venue-section .crest{stroke:#9a661b;width:142px;margin-top:0}.venue-section .eyebrow{font:400 25px/1.15 var(--display);letter-spacing:0;color:#75501c;margin-top:8px}.venue-section .divider{margin:4px auto 9px}.venue-section h2{color:#593910;text-shadow:0 1px #fff5de;margin:0;font-size:clamp(43px,11vw,61px)}.venue-section .city{font:400 21px/1.2 var(--display);color:#8a622a;margin-top:5px}.location-link{font:400 20px/1 var(--display);color:#694510;background:#fffaebb3;border-color:#a76e1c;gap:10px;margin-top:26px;padding:11px 27px 12px;position:relative;box-shadow:0 5px #a76e1c2e,inset 0 0 0 4px #fff6e0cc}.location-link svg{color:#a76e1c}.location-link:hover{color:#fff7e6;background:#9a661b;box-shadow:0 3px #5c370b3d,inset 0 0 0 4px #ffedc92e}.location-link:hover svg{color:#ffe5aa}.section-shell{border-top:9px solid #fff9e9e6;box-shadow:inset 0 13px 18px -23px #583306bf}.hero+.section-shell{border-top:0}.details-section{background-color:#ead3a7;background-image:radial-gradient(at 12% 12%,#fffaea8f,#0000 28%),linear-gradient(135deg,#7f4f1114,#0000 47%,#fffaeb52);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;padding-top:92px;padding-bottom:101px}.details-section:before{border-color:#8654126b}.details-section .eyebrow{font:400 31px/1.1 var(--display);letter-spacing:0;color:#684511}.details-section .divider{margin:8px auto 6px}.details-lede{color:#785729;margin:0;font-size:17px}.notes-list{max-width:385px;margin-top:31px;position:relative}.note{clip-path:polygon(0 5%,2% 0,98% 0,100% 5%,100% 95%,98% 100%,2% 100%,0 95%);background:#fff9e8d9;border:1px solid #935b1157;justify-content:flex-start;gap:15px;margin:12px 0;padding:17px 18px;position:relative;box-shadow:0 7px 12px #5b34051a,inset 0 0 0 4px #fff4d7cc}.note:after{content:"✦";color:#b57c25;font-size:11px;position:absolute;left:16px}.note svg{color:#8c5c16;background:#f6e4bd;border:1px solid #a96c178c;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;padding:7px;display:grid}.note p{color:#53360d;font-size:19px;font-weight:600;line-height:1.35}.details-branch{opacity:.62}.scroll-scene{will-change:transform,opacity,filter;position:relative}.scroll-scene:not(:first-of-type):before{content:"";z-index:2;opacity:.45;pointer-events:none;background:radial-gradient(#aa701c80,#0000 68%);width:84px;height:9px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.section-shell{border-top:0}.countdown-section:after,.scroll-scene:not(:first-of-type):before{display:none}.arabic-card h2{white-space:nowrap;word-spacing:.08em;margin:5px 0;font-size:clamp(25px,7vw,36px)}.arabic-card h2,.closing-couple{word-spacing:.18em}.arabic-card .basmala{font-family:Aref Ruqaa,serif;font-size:19px;font-weight:700}.arabic-card .invite-intro{font-size:16px;font-weight:700;line-height:1.55}.arabic-card .invite-event{letter-spacing:.11em;font-size:16px;font-weight:700}.arabic-card .invite-date,.arabic-card .invite-time{font-size:18px;font-weight:700}.occasion-date strong{font-family:var(--body);font-size:76px;font-style:normal;font-weight:700;line-height:.78}.occasion-date .date-day,.occasion-date .date-month{letter-spacing:.04em;font-weight:700}.occasion-date .date-month span{font-weight:600}.occasion-date strong{letter-spacing:-.09em;color:#9a6516;text-shadow:0 1px #fff7e7,0 6px 13px #71440826;transform-origin:50%;padding:3px 7px 0;font-family:Cormorant Garamond,serif;font-size:94px;font-weight:600;line-height:.62;display:block;position:relative;transform:translateY(-14px)scaleY(1.23)}.occasion-date strong:after{content:"";background:linear-gradient(90deg,#0000,#c28b35,#0000);height:1px;position:absolute;bottom:-17px;left:-9px;right:-9px;transform:scaleY(.81)}.occasion-date .date-day,.occasion-date .date-month{color:#70501c;align-self:start;padding-top:13px}.occasion-date .date-month span{color:#a87527;margin-top:7px;font-size:18px;font-weight:700}
