:root{color-scheme:light;--cream: #f6efe2;--ivory: #fffdf8;--parchment: #e9dcc2;--gold: #b8902f;--gold-soft: #cda94e;--gold-deep: #8c6a1f;--ink: #3a3127;--ink-soft: #6b5f4f;--line: rgba(140, 106, 31, .28);--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-body: "EB Garamond", Georgia, serif;--font-arabic: "Amiri", "Noto Naskh Arabic", serif;--font-urdu: "Noto Nastaliq Urdu", "Amiri", serif;--maxw: 660px;--tex-paper: url(/assets/cream-paper-DtF4T8q2.png);--card-paper: #fffefb}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}html{scroll-behavior:smooth}body{background-color:var(--cream);background-image:var(--tex-paper),radial-gradient(120% 80% at 50% -10%,rgba(255,253,248,.85),transparent 60%),radial-gradient(100% 100% at 50% 120%,rgba(184,144,47,.06),transparent 55%);color:var(--ink);font-family:var(--font-body);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{font-family:var(--font-display);font-weight:500;margin:0;line-height:1.08}p{margin:0 0 1em}a{color:inherit}.container{max-width:var(--maxw);margin:0 auto;padding:0 26px}.label{display:inline-flex;align-items:center;justify-content:center;gap:14px;font-family:var(--font-body);font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--gold-deep)}.label:before,.label:after{content:"";width:34px;height:1px;background:var(--line)}.divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:30px auto;color:var(--gold-soft)}.divider:before,.divider:after{content:"";height:1px;width:70px;background:var(--line)}.divider:before{box-shadow:none}.divider span{font-size:10px;transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border:1px solid var(--gold);background:transparent;color:var(--gold-deep);font-family:var(--font-body);font-size:15px;letter-spacing:.6px;border-radius:2px;cursor:pointer;text-decoration:none;transition:background .25s ease,color .25s ease,transform .2s ease}.btn:hover{background:var(--gold);color:var(--ivory);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn[disabled]{opacity:.5;cursor:default}.env-fixed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--cream);background-image:var(--tex-paper),radial-gradient(120% 90% at 50% 30%,rgba(255,253,248,.85),transparent 65%);will-change:opacity}.env{position:relative;width:min(380px,82vw);height:250px;perspective:1400px}.env-back{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f1e7d2;background-image:var(--tex-paper),linear-gradient(160deg,#f3ebd9,#e6d6b6);background-blend-mode:multiply,normal;border:1px solid var(--gold-soft);border-radius:10px;box-shadow:0 26px 55px #3a31273d,inset 0 0 0 1px #ffffff59}.env-back:before{content:"";position:absolute;top:9px;right:9px;bottom:9px;left:9px;border:1px solid rgba(140,106,31,.22);border-radius:6px}.env-pocket{position:absolute;left:0;right:0;bottom:0;height:58%;background-color:#ecdfc1;background-image:var(--tex-paper),linear-gradient(160deg,#efe6cf,#e1d2af);background-blend-mode:multiply,normal;border:1px solid var(--gold-soft);border-top:none;border-radius:0 0 10px 10px;clip-path:polygon(0 38%,50% 0,100% 38%,100% 100%,0 100%);z-index:5;box-shadow:inset 0 10px 20px #fffcf440}.env-pocket:before{content:"";position:absolute;left:0;right:0;top:0;height:40%;clip-path:polygon(0 0,50% 95%,100% 0);background:linear-gradient(180deg,rgba(58,49,39,.1),transparent)}.env-letter{position:absolute;left:7%;right:7%;top:4%;z-index:3;text-align:center;padding:26px 22px;background:var(--ivory);border:1px solid var(--gold-soft);border-radius:4px;box-shadow:0 14px 34px #3a312729;will-change:transform,opacity}.env-letter-static{position:relative;left:auto;right:auto;top:auto;margin:0 auto;max-width:86%;opacity:1}.env-static{height:auto;min-height:250px}.env-invite-line{font-family:var(--font-body);font-style:italic;font-size:15px;line-height:1.5;color:var(--ink-soft);max-width:36ch;margin:0 auto 8px}.env-letter-title{font-size:clamp(30px,8vw,42px);color:var(--gold);margin-top:6px;font-style:italic}.env-bismillah{font-family:var(--font-arabic);font-size:clamp(21px,6vw,30px);line-height:1.8;color:var(--gold-deep);margin:0}.env-flap{position:absolute;top:0;left:0;right:0;height:50%;background-color:#ecdfc1;background-image:var(--tex-paper),linear-gradient(170deg,#f1e7d2,#e4d4b1);background-blend-mode:multiply,normal;transform-origin:top center;clip-path:polygon(0 0,100% 0,50% 100%);z-index:6;border-bottom:1px solid rgba(140,106,31,.22);will-change:transform;backface-visibility:hidden;filter:drop-shadow(0 5px 5px rgba(58,49,39,.16))}.env-seal{position:absolute;top:45%;left:50%;width:70px;height:70px;z-index:8;will-change:opacity,transform}.seal-svg{width:100%;height:100%;overflow:visible;display:block;filter:drop-shadow(0 4px 6px rgba(58,49,39,.45))}.seal-mono{font-family:Pinyon Script,cursive;font-size:25px;text-anchor:middle}.seal-mono-fg{fill:#4d380f;stroke:#4d380f;stroke-width:.7;paint-order:stroke fill}.seal-mono-hi{fill:#fff6d899;stroke:#fff6d899;stroke-width:.7;paint-order:stroke fill}.seal-amp{font-size:15px}.env-hint{margin-top:34px;color:var(--ink-soft);letter-spacing:3px;font-size:13px;text-transform:uppercase;animation:bob 2.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.invite-body{position:relative;z-index:30;background-color:transparent}.hero{text-align:center;padding:96px 26px 36px}.bismillah{font-family:var(--font-arabic);font-size:clamp(26px,7vw,42px);line-height:1.9;color:var(--gold-deep);margin:0 0 26px}.hero-host{font-family:var(--font-display);font-size:clamp(21px,5.5vw,30px);color:var(--ink);margin:0 0 6px}.hero-intro{font-style:italic;color:var(--ink-soft);font-size:18px;max-width:30ch;margin:0 auto 18px}.hero-names{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:clamp(40px,10vw,76px);color:var(--gold);letter-spacing:1px;line-height:1.05;margin:6px 0 10px}.hero-names .amp{font-style:italic;color:var(--ink-soft);font-size:.5em;margin:2px 0}.hero-brideparents{font-style:italic;color:var(--ink-soft);font-size:16px}.dua{padding:12px 26px 26px}.dua-card{text-align:center;padding:38px 26px 30px;border-radius:10px;border:1px solid var(--line);background-color:var(--card-paper);background-image:var(--tex-paper),linear-gradient(165deg,#fffefb,#fbf7ee);box-shadow:0 16px 38px #3a31271a}.dua-line{font-family:var(--font-urdu);font-size:clamp(17px,4.4vw,23px);line-height:2.5;color:var(--ink);margin:0}.dua-line:last-child{color:var(--gold-deep);margin-top:6px}.event-card .label{font-size:15px;letter-spacing:4.5px}.event{text-align:center;padding:22px 26px}.event-card{position:relative;padding:44px 30px;border-radius:10px;border:1px solid var(--line);background-color:var(--card-paper);background-image:var(--tex-paper),linear-gradient(165deg,#fffefb,#fbf7ee);box-shadow:0 16px 38px #3a31271f,0 4px 10px #3a31270f;transition:transform .25s ease,box-shadow .25s ease}.event-card:hover{transform:translateY(-4px);box-shadow:0 22px 46px #3a31272e,0 4px 10px #3a31271a}.event-card:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid var(--line);border-radius:6px;pointer-events:none}.event-when{font-size:clamp(26px,6vw,38px);color:var(--ink);margin:8px 0 12px}.event-note{font-style:italic;color:var(--ink-soft)}.event-detail{margin:22px 0 0;color:var(--gold-deep);font-size:15px;letter-spacing:.5px;text-align:center}.event-venue{margin:16px 0 4px;font-size:19px}.event-address{color:var(--ink-soft);font-size:16px}.event-actions{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-top:26px}.icon-action{display:inline-flex;flex-direction:column;align-items:center;gap:9px;background:none;border:none;padding:0;cursor:pointer;text-decoration:none;color:var(--gold-deep);font-family:var(--font-body)}.icon-circle{width:58px;height:58px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gold);color:var(--gold-deep);background:transparent;transition:background .25s ease,color .25s ease,transform .25s ease,box-shadow .25s ease}.icon-action:hover .icon-circle{background:var(--gold);color:var(--ivory);transform:translateY(-3px);box-shadow:0 10px 22px #b8902f52}.icon-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft)}.carousel-section{padding:26px 18px 12px}.carousel{perspective:1500px}.carousel-stage{position:relative;height:clamp(440px,66vh,520px);max-width:min(440px,86vw);margin:0 auto;transform-style:preserve-3d;touch-action:pan-y}.carousel-item{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .5s ease;transform-style:preserve-3d;will-change:transform,opacity}.carousel-item:not(.is-active){cursor:pointer}.carousel-item:not(.is-active) .event-card{pointer-events:none}.carousel-item .event-card{height:100%;display:flex;flex-direction:column;justify-content:center;box-shadow:0 26px 50px #3a31272e,0 6px 14px #3a312714}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.carousel-item.is-active .event-card{animation:cardFloat 5s ease-in-out infinite}.carousel-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:18px}.car-arrow{width:46px;height:46px;border-radius:50%;border:1px solid var(--gold);background:transparent;color:var(--gold-deep);font-size:24px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .25s ease,color .25s ease}.car-arrow:hover{background:var(--gold);color:var(--ivory)}.car-dots{display:flex;gap:10px;align-items:center}.car-dot{width:9px;height:9px;border-radius:50%;padding:0;cursor:pointer;border:1px solid var(--gold);background:transparent;transition:background .2s ease}.car-dot.on{background:var(--gold)}.rsvp{text-align:center;padding:60px 26px 26px}.rsvp-title{font-size:clamp(30px,7vw,44px);color:var(--gold);margin:8px 0 26px;font-style:italic}.rsvp-sub{text-align:center;font-style:italic;color:var(--ink-soft);max-width:34ch;margin:0 auto 6px}.rsvp-contacts{list-style:none;padding:0;margin:26px auto 4px;max-width:360px;display:flex;flex-direction:column;gap:20px}.rsvp-contact{display:flex;flex-direction:column;gap:3px}.rsvp-contact-name{font-family:var(--font-display);font-weight:500;font-size:23px;color:var(--ink);letter-spacing:.3px}.rsvp-contact-phone{font-size:17px;color:var(--gold-deep);text-decoration:none;letter-spacing:1px}.rsvp-contact-phone:hover{text-decoration:underline}.footer{text-align:center;padding:30px 26px 80px}.footer-text{font-style:italic;color:var(--ink-soft);max-width:460px;margin:0 auto 8px}.footer-names{font-family:var(--font-display);font-size:30px;color:var(--gold)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.env-hint,.carousel-item.is-active .event-card{animation:none}}
