:root{--ivory:#F8F1E4;--gold:#B8893B;--gold-hi:#D9B26F;--maroon:#6E1423;--dark:#4A0D17;--rose:#E7B7B0;--leaf:#5F7A4E;--foil:linear-gradient(115deg,#8d6128 0%,#e5c88a 23%,#b8893b 42%,#f5dfa5 57%,#9e712e 83%,#d9b26f 100%);--body:#48292a;--edge:clamp(13px,2.8vw,35px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--body);font-family:'Cormorant Garamond',serif;font-size:clamp(16px,1.5vw,23px);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#petal-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:10}#custom-cursor{display:none;position:fixed;z-index:50;pointer-events:none;left:0;top:0;color:var(--gold);transform:translate(-50%,-50%);font-size:21px}#custom-cursor i{position:absolute;inset:-12px;border:1px solid var(--gold);border-radius:50%;transition:transform .2s,border-color .2s}#custom-cursor.over i{transform:scale(1.65);border-color:var(--maroon)}@media(hover:hover) and (pointer:fine){#custom-cursor{display:block}}.screen{min-height:100vh;min-height:100svh;height:100vh;height:100svh;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;padding:clamp(28px,4svh,55px) clamp(22px,5vw,65px);overflow:hidden;background-color:var(--ivory);background-image:url('../assets/svg/jali.svg'),repeating-linear-gradient(112deg,transparent 0,transparent 190px,#ac947117 192px,transparent 194px);background-size:260px 260px,100% 100%;background-blend-mode:normal}.screen:before,.screen:after{content:'';position:absolute;inset:0;pointer-events:none}.screen:before{z-index:-1;background:radial-gradient(ellipse at 50% 45%,#fffaf0e8 0%,#f8f1e4c2 72%,#dfcbb05e 100%)}.frame{position:absolute;inset:var(--edge);border:1px solid #b8893b8c;pointer-events:none}.frame:before,.frame:after{content:'❦';position:absolute;color:var(--gold);font-size:clamp(17px,2vw,32px)}.frame:before{top:-16px;left:8px}.frame:after{bottom:-16px;right:8px;transform:rotate(180deg)}.section-inner{width:min(100%,1100px);max-height:calc(100svh - 2 * var(--edge) - 12px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(5px,1.35svh,16px);position:relative;z-index:2}.eyebrow{font:600 clamp(9px,1.1vw,13px)/1.4 Cinzel,serif;letter-spacing:.22em;color:var(--maroon);margin:0}.section-title{font:500 clamp(25px,min(4.5vw,5.8svh),65px)/1.1 Cinzel,serif;letter-spacing:.09em;color:var(--maroon);margin:0}.arabic{font-family:Amiri,serif;direction:rtl;text-align:center}.bismillah{font-size:clamp(22px,min(4vw,5svh),47px);color:var(--gold);line-height:1.4;margin:0}.intro-inner{height:100%;justify-content:space-between;padding:clamp(5px,1svh,14px) 0}.gateway{height:min(74svh,720px);width:min(76vw,610px);position:relative;perspective:1000px;transform-style:preserve-3d;flex-shrink:1;min-height:0}.gateway-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.doorway{position:absolute;left:19%;right:19%;top:28%;bottom:8%;display:flex;perspective:1200px;transform-style:preserve-3d;overflow:visible}.gold-light{position:absolute;inset:0;background:radial-gradient(circle,#ffe3a1,#ba8737 68%,#6e1423);box-shadow:0 0 80px #e2ac5b;opacity:.9}.door{width:50%;height:100%;position:relative;background:linear-gradient(110deg,#37070f,#72192b 40%,#4a0d17 85%);border:clamp(2px,.35vw,5px) ridge var(--gold);box-shadow:inset 0 0 0 9px #4a0d17,inset 0 0 0 11px #b8893b,inset 0 0 25px #21040b;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;transform-style:preserve-3d;z-index:2}.door:before{content:'';position:absolute;inset:10% 14%;border:2px solid #d9b26f;background:repeating-radial-gradient(circle at center,#d9b26f44 0 2px,transparent 3px 24px);opacity:.8}.door:after{content:'✺';position:absolute;bottom:10%;font-size:clamp(14px,2.5vw,35px);color:var(--gold)}.door-left{transform-origin:left center}.door-right{transform-origin:right center}.door-name{position:relative;z-index:1;color:#f1d9a2;text-shadow:0 3px 8px #16030b;font:400 clamp(22px,min(4vw,5svh),60px)/1.1 'Great Vibes',cursive}.seam-medallion{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(34px,5vw,68px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--foil);color:var(--dark);border:2px solid #f1d9a2;z-index:4;font:400 clamp(24px,3vw,42px) 'Great Vibes',cursive}.scroll-hint{font:500 clamp(10px,1vw,13px) Cinzel,serif;letter-spacing:.2em;color:var(--maroon);margin:0}.scroll-hint span{display:block;font-size:24px;animation:bob 1.8s infinite}@keyframes bob{50%{transform:translateY(6px)}}.ornate:before{content:'';position:absolute;inset:0 8%;z-index:-1;border:2px solid #b8893b9c;border-radius:48% 48% 4px 4px/20% 20% 4px 4px;pointer-events:none}.invitation-content{gap:clamp(6px,1.5svh,16px);padding:clamp(22px,4svh,55px) clamp(20px,5vw,60px)}.host{font-size:clamp(20px,min(2.5vw,3.6svh),33px);font-weight:600;margin:0}.host small{display:block;font-size:.66em;font-weight:400}.invitation-line{max-width:590px;font-size:clamp(15px,min(2vw,2.9svh),24px);line-height:1.25;margin:0}.couple{display:flex;flex-direction:column;align-items:center;gap:clamp(1px,.5svh,8px)}.couple strong{font:400 clamp(38px,min(8vw,9svh),105px)/1.05 'Great Vibes',cursive;background:var(--foil);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 6px}.couple em{font:400 clamp(21px,3svh,34px) 'Great Vibes',cursive;color:var(--maroon)}.verse-inner{gap:clamp(9px,2.2svh,28px)}.verse-arabic{font-size:clamp(35px,min(7vw,10svh),100px);line-height:1.8;color:var(--gold);margin:0;text-shadow:0 0 20px #d9b26f3a}.verse-translation{font-size:clamp(20px,3vw,34px);font-style:italic;margin:0}.citation{font:500 clamp(10px,1.2vw,14px) Cinzel,serif;letter-spacing:.1em;color:var(--maroon);margin:0}.floral-accent{position:absolute;width:clamp(65px,16vw,200px);height:auto;opacity:.7;pointer-events:none}.left-flower{left:-8%;bottom:-18%;transform:rotate(-24deg)}.right-flower{right:-8%;top:-18%;transform:scaleX(-1) rotate(-24deg)}.date-display{display:flex;align-items:center;justify-content:center;gap:clamp(9px,3vw,45px);color:var(--maroon)}.date-display span{font:500 clamp(13px,2vw,24px) Cinzel,serif}.date-display strong{font:400 clamp(66px,min(11vw,17svh),155px)/1 'Cormorant Garamond',serif;background:var(--foil);background-clip:text;-webkit-background-clip:text;color:transparent}.time-line{margin:0;font-size:clamp(18px,2.4vw,28px)}.time-line small{display:block;font-size:.6em}.countdown{display:flex;gap:clamp(6px,1.5vw,18px);justify-content:center}.count-tile{width:clamp(65px,10vw,125px);height:clamp(70px,13svh,135px);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--gold);border-radius:46% 46% 5px 5px/28% 28% 5px 5px;background:#fff9edbb}.count-tile strong{font-size:clamp(27px,4.8vw,57px);font-weight:500;line-height:1}.count-tile span{font:500 clamp(8px,1vw,12px) Cinzel,serif;letter-spacing:.08em}.cta-row{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(8px,1.5vw,20px);margin-top:clamp(3px,1svh,12px)}.cta{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:48px;min-height:48px;padding:clamp(11px,1.1vw,15px) clamp(15px,2vw,26px);border:1.5px solid var(--gold);border-radius:24px 24px 9px 9px;background:var(--maroon);color:var(--ivory);font:500 clamp(9px,1vw,12px)/1.2 Cinzel,serif;letter-spacing:.08em;text-decoration:none;cursor:pointer;overflow:hidden;transition:color .3s,transform .25s,box-shadow .3s}.cta:before{content:'';position:absolute;inset:0;background:var(--foil);transform:translateX(-105%);transition:transform .45s;z-index:-1}.cta:hover:before,.cta:focus-visible:before{transform:translateX(0)}.cta:hover,.cta:focus-visible{color:var(--dark);box-shadow:0 8px 24px #b8893b44}.cta:focus-visible{outline:3px solid var(--gold-hi);outline-offset:3px}.cta:active{transform:scale(.97)}.cta span{font-size:17px;transition:transform .25s}.cta:hover span{transform:translateX(3px)}.venue-inner{gap:clamp(5px,1.2svh,15px)}.subheading{margin:0;font-size:clamp(17px,2.2vw,26px)}.map-arch{height:clamp(145px,43svh,480px);width:min(100%,650px);border:5px double var(--gold);border-radius:46% 46% 7px 7px/20% 20% 7px 7px;overflow:hidden;background:#e9dfcf;box-shadow:0 12px 38px #6e14231b}.map-arch iframe{border:0;width:100%;height:100%}.pulse-map{animation:breathe 2.4s ease-in-out infinite}.pulse-map:after{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid var(--gold);animation:ripple 2.4s infinite;pointer-events:none}.pulse-map .pin{animation:bob 2.4s infinite}@keyframes breathe{50%{transform:scale(1.05);box-shadow:0 0 23px #b8893b77}}@keyframes ripple{to{transform:scale(1.3);opacity:0}}.pulse-map:hover,.pulse-map:hover:after,.pulse-map:hover .pin{animation-play-state:paused}.rsvp-description{font-size:clamp(15px,2vw,23px);margin:0}.rsvp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2vw,24px);width:100%;max-width:1050px;margin-top:clamp(6px,2svh,25px)}.rsvp-card{min-width:0;border:1px solid var(--gold);border-radius:46% 46% 5px 5px/17% 17% 5px 5px;background:#fffaf2d9;padding:clamp(14px,3vw,45px) clamp(9px,1.5vw,20px);display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.6svh,20px);transform-origin:top center}.rsvp-card h3{font:500 clamp(17px,2.1vw,28px) Cinzel,serif;color:var(--maroon);margin:0}.phone{font-size:clamp(15px,1.7vw,22px);text-decoration:none}.phone:hover{text-decoration:underline}.dua{font-size:clamp(23px,min(4.3vw,5.5svh),58px);line-height:1.8;color:var(--gold);max-width:850px;margin:0}.translation{font-size:clamp(17px,2.3vw,28px);font-style:italic;max-width:710px;margin:0}.monogram{width:clamp(75px,12svh,130px);aspect-ratio:1;display:grid;place-items:center;border:2px solid var(--gold);outline:1px solid var(--gold);outline-offset:-10px;transform:rotate(45deg);background:#fff8e9;color:var(--maroon);font:500 clamp(19px,3vw,31px) 'Great Vibes',cursive;margin:clamp(12px,3svh,30px)}.monogram span{font-size:.7em}.signoff{font-size:clamp(16px,2vw,24px);line-height:1.25;margin:0}.music-toggle{position:fixed;top:max(15px,env(safe-area-inset-top));right:max(15px,env(safe-area-inset-right));z-index:60;width:52px;height:52px;padding:0;border-radius:50%}.music-toggle.playing .music-icon{animation:bob 1s infinite}#music-tip{position:fixed;z-index:60;right:72px;top:max(25px,env(safe-area-inset-top));background:#fff9e8;color:var(--maroon);border:1px solid var(--gold);padding:5px 9px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .5s}#music-tip.show{opacity:1}#section-nav{position:fixed;z-index:20;right:max(12px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:11px}#section-nav a{width:12px;height:15px;border:1px solid var(--gold);border-radius:50% 50% 2px 2px;background:#fff8ed;transition:background .2s,transform .2s}#section-nav a.active{background:var(--maroon);transform:scale(1.25)}#scroll-progress{position:fixed;top:0;left:0;width:0;height:3px;background:var(--gold);z-index:80}.screen .section-inner>*{max-width:100%}@media(max-width:700px){.screen{padding:clamp(22px,4svh,35px) 24px}.gateway{width:min(96vw,440px);height:min(68svh,610px)}.door-name{font-size:clamp(20px,5vw,36px)}.section-title{font-size:clamp(22px,5.7vw,35px)}.invitation-content{padding:clamp(15px,3svh,35px) clamp(10px,3vw,22px)}.ornate:before{inset:0 1%}.couple strong{font-size:clamp(38px,9.5vw,65px)}.rsvp-grid{grid-template-columns:1fr;gap:clamp(5px,1svh,12px);margin-top:8px}.rsvp-card{padding:clamp(8px,1.5svh,17px) 10px;gap:clamp(3px,.7svh,8px);border-radius:25px 25px 4px 4px}.rsvp-card h3{font-size:clamp(15px,4vw,21px)}.rsvp-card .cta{min-height:43px;padding:9px 18px}.rsvp-card .phone{font-size:16px}.date-display{gap:8px}.date-display span{font-size:clamp(10px,3vw,16px)}.count-tile{width:clamp(57px,17vw,80px);height:clamp(72px,12svh,105px)}.count-tile strong{font-size:clamp(27px,8vw,44px)}.map-arch{height:clamp(145px,35svh,340px)}.floral-accent{width:90px;opacity:.4}.left-flower{left:-8%;bottom:-10%}.right-flower{right:-8%;top:-10%}.cta-row{gap:7px}.cta-row .cta{font-size:9px;padding:10px 13px}.section-inner{gap:clamp(4px,1.2svh,10px)}#section-nav{right:4px;gap:8px}#section-nav a{width:8px;height:10px}}@media(max-height:650px){.section-inner{gap:4px}.gateway{height:66svh}.intro-inner{gap:2px}.section-title{font-size:clamp(21px,4.5svh,38px)}.couple strong{font-size:clamp(32px,7svh,54px)}.invitation-line{font-size:clamp(13px,2.4svh,18px)}.verse-arabic{font-size:clamp(28px,7svh,60px)}.date-display strong{font-size:clamp(52px,12svh,88px)}.map-arch{height:32svh}.rsvp-card{padding:7px;gap:2px}.rsvp-card .cta{min-height:38px}.dua{font-size:clamp(23px,5svh,37px)}.monogram{width:70px;margin:8px}.translation{font-size:clamp(15px,2.8svh,20px)}}@media(orientation:landscape) and (max-height:500px){.gateway{height:60svh;width:300px}.bismillah{font-size:20px}.rsvp-grid{grid-template-columns:repeat(3,1fr)}.rsvp-card{padding:6px;gap:3px}.rsvp-card h3{font-size:13px}.rsvp-card .phone{font-size:12px}.rsvp-card .cta{font-size:8px;min-height:36px}.map-arch{height:27svh;width:400px}.count-tile{height:52px;width:60px}.count-tile strong{font-size:23px}.count-tile span{font-size:8px}.date-display strong{font-size:42px}.section-title{font-size:22px}.dua{font-size:24px}.monogram{width:45px;margin:5px}.signoff{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} 
/* Without JavaScript the gateway stays open so the page remains navigable. */
.door-left{transform:rotateY(-105deg)}.door-right{transform:rotateY(105deg)}.seam-medallion{opacity:0}.js-enabled .door-left,.js-enabled .door-right{transform:rotateY(0)}.js-enabled .seam-medallion{opacity:1}
[hidden]{display:none!important}