:root{--wine:#741e2c;--deep:#491620;--gold:#ae803b;--ivory:#fbf5e8;--ink:#442a2b;--muted:#78615a;--line:#ccb68a;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.65 var(--sans)}
body.locked,body:has(dialog[open]){overflow:hidden}
h1,h2,h3,p{margin:0}
h2{font:500 clamp(2.5rem,5vw,4rem)/1.12 var(--serif);color:var(--wine)}
h3{font:600 2.1rem/1.12 var(--serif)}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
video[hidden]{display:none}
:focus-visible{outline:3px solid #b98538;outline-offset:4px}
.eyebrow{font:500 .75rem/1.8 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--wine)}
.hindi{font:400 1.55rem/1.7 'Noto Serif Devanagari',serif;color:var(--gold)}
.tiny{font-size:.8rem;color:var(--muted)}
.primary{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid var(--wine);background:var(--wine);color:#fff7e5;padding:14px 26px;min-height:48px;font:500 .85rem var(--sans);letter-spacing:.035em;transition:background .2s,transform .2s}
.primary:hover{background:var(--deep);transform:translateY(-2px)}
.text-link{background:none;border:0;border-bottom:1px solid var(--line);padding:8px 2px;font:500 .85rem var(--sans);color:var(--wine);display:inline-block}
.rule{display:flex;align-items:center;gap:20px;justify-content:center;color:var(--gold);margin:22px auto;width:170px}
.rule:before,.rule:after{content:'';height:1px;background:var(--line);flex:1}
.section{padding:90px 5%;text-align:center}
.section h2{margin:10px 0 16px}
.intro{color:var(--muted);margin:auto;max-width:560px}

/* ---------- entrance ---------- */
.opening{position:fixed;inset:0;z-index:50;overflow:hidden;background:#ece0c9;display:grid;place-items:center;text-align:center;transition:opacity .9s,visibility .9s}
.opening.open{opacity:0;visibility:hidden;pointer-events:none}
.bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.opening .bgv{z-index:1;transition:transform 2.6s cubic-bezier(.6,0,.3,1)}
.transitioning .bgv{transform:scale(1.55)}
.glass{position:absolute;inset:0;z-index:3;background:rgba(255,248,233,.5);backdrop-filter:blur(3px);transition:opacity 1.2s}
.transitioning .glass{opacity:0}
#tVid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:4}
.entrance-copy{position:relative;z-index:5;width:min(88%,640px);padding:26px 15px;transition:opacity .8s,transform 1s}
.entrance-copy .eyebrow{margin:16px 0 20px}
.entrance-copy h1{font:500 clamp(3.1rem,8vw,6rem)/.98 var(--serif);color:var(--wine)}
.entrance-copy h1 span{display:block}
.entrance-copy h1 i{display:block;font:italic 400 .58em/1.15 var(--serif);color:var(--gold);margin:8px}
.entrance-date{font-size:.75rem;letter-spacing:.15em;margin-bottom:26px}
.entrance-foot{font:italic 1.2rem var(--serif);margin-top:20px;color:var(--wine)}
.transitioning .entrance-copy{opacity:0;transform:translateY(-20px);pointer-events:none}
.skip{position:fixed;z-index:7;bottom:26px;left:50%;transform:translateX(-50%);border:1px solid var(--line);background:var(--ivory);padding:10px 22px;display:none;font-size:.85rem}
.transitioning .skip{display:block}

/* built-in door artwork (used when you have not added an entrance video) */
.stage{position:absolute;inset:0;perspective:1400px;transform-origin:50% 55%;transition:transform 2.8s cubic-bezier(.6,0,.3,1)}
.has-video .stage{display:none}
.transitioning .stage{transform:scale(2.5)}
.beyond{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 62%,#fff6d8 0,#f6dfa6 40%,#d9b878 100%)}
.door{position:absolute;top:0;bottom:0;width:50%;transition:transform 2s cubic-bezier(.5,0,.25,1);background:linear-gradient(#fbf1dc,#f1dfb8);box-shadow:inset 0 0 0 10px #f6e8c8,inset 0 0 0 12px #c79c4f,inset 0 0 0 22px #f6e8c8,inset 0 0 0 23px #c79c4f}
.door.l{left:0;transform-origin:left center}.door.r{right:0;transform-origin:right center}
.transitioning .door.l{transform:rotateY(-105deg)}.transitioning .door.r{transform:rotateY(105deg)}
.pn,.pb{position:absolute;left:13%;right:13%;border:2px solid #c79c4f;background:radial-gradient(circle,#a52a3b 0 5px,transparent 6px) 0 0/52px 52px,radial-gradient(circle,#6b7a3a 0 2.5px,transparent 3.5px) 26px 26px/52px 52px,radial-gradient(circle,#c79c4f 0 1.5px,transparent 2.5px) 26px 0/52px 52px,#fbf3e0;box-shadow:inset 0 0 0 6px #fbf3e0,inset 0 0 0 7px #d8b672}
.pn{top:9%;bottom:34%;border-radius:999px 999px 6px 6px}
.pb{top:70%;bottom:7%;border-radius:6px}
.knob{position:absolute;top:56%;width:46px;height:46px;border-radius:50%;border:6px solid #b8893a;background:radial-gradient(#e8c878,#8a5f20);box-shadow:0 3px 8px rgba(0,0,0,.35)}
.door.l .knob{right:16px}.door.r .knob{left:16px}
.cur{position:absolute;top:0;width:22%;height:26%;background:radial-gradient(circle,#e8c878 0 2px,transparent 3px) 0 0/22px 22px,#a3202f;z-index:2}
.cur.l{left:0;clip-path:polygon(0 0,100% 0,0 100%)}.cur.r{right:0;clip-path:polygon(0 0,100% 0,100% 100%)}
.stage .swag{position:absolute;left:0;top:0;width:100%;height:80px;z-index:2}
.petals-floor{position:absolute;left:0;right:0;bottom:0;height:11%;z-index:2;background:radial-gradient(circle,#a52a3b 0 3px,transparent 4px) 0 0/38px 22px,radial-gradient(circle,#c8394a 0 2px,transparent 3px) 19px 11px/38px 22px;opacity:.7}
.lamp{position:absolute;z-index:3;width:16px;height:26px;border-radius:45% 45% 50% 50%;background:radial-gradient(circle at 50% 70%,#fff3c4,#e8a834 60%,#9a5d12);box-shadow:0 0 20px 7px rgba(255,190,80,.5);transform-origin:50% -50px;animation:sway 3.4s ease-in-out infinite alternate}
.lamp::before{content:"";position:absolute;left:50%;bottom:100%;width:1.5px;height:var(--h);background:var(--gold)}
@keyframes sway{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}

/* ---------- header ---------- */
.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #c8b38b77;background:#fbf5e8f2;position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}
.monogram{font:500 2rem var(--serif);color:var(--wine)}.monogram i{font-size:1.2rem;color:var(--gold)}
.site-header nav{display:flex;gap:32px;font-size:.85rem}
.site-header nav a:hover{color:var(--wine);text-decoration:underline;text-underline-offset:6px}
.hc{display:flex;gap:10px}
.ib{display:inline-grid;place-items:center;min-width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:50%;color:var(--wine);font-size:1.15rem}
.ib svg{width:22px;height:22px}
#music .on{display:none}#music[data-playing=true] .on{display:inline}#music[data-playing=true] .off{display:none}
#menuBtn{display:none}
@media(max-width:760px){.site-header nav{display:none}#menuBtn{display:inline-grid}}

/* ---------- hero ---------- */
.formal{position:relative;isolation:isolate;overflow:hidden;padding:60px 20px 90px;text-align:center;background:linear-gradient(#fbf5e8 40%,#f6e7c4)}
.formal .castle{position:absolute;left:50%;bottom:0;width:max(100%,820px);transform:translateX(-50%);color:#e9d6a9;opacity:.7;z-index:-1}
.formal.has-bg .castle{display:none}
.formal .bgv{z-index:-2}
.formal-panel{max-width:730px;margin:auto;padding:40px 44px 34px;background:rgba(255,248,233,.55);backdrop-filter:blur(3px);border-radius:16px}
.ganesh-logo{width:120px;margin:0 auto 8px;display:block}
.formal .eyebrow{margin:12px 0}
.couple{margin:22px 0 10px}
.couple h2{font-size:clamp(3rem,10vw,4.9rem)}
.couple p{font-size:.9rem;margin:6px 0}
.couple i{font:italic 2.6rem var(--serif);color:var(--gold);display:block;margin:8px 0}
.blessing{font:italic 1.35rem/1.5 var(--serif);color:var(--wine);margin-top:12px}
.formal-date{font:600 1.8rem/1.4 var(--serif);color:var(--wine);margin:10px 0 6px}

/* ---------- reveal ---------- */
.reveal{background:#faf3e4;border-bottom:1px solid var(--line)}
.scratch-card{position:relative;width:min(100%,355px);aspect-ratio:1.08;margin:28px auto 0;clip-path:url(#heartClip);background:#fff8e8}
.date-reveal{position:absolute;top:27%;left:17%;width:66%;display:flex;flex-direction:column;align-items:center;color:var(--wine);line-height:1.1}
.date-reveal span{font-size:clamp(.65rem,2vw,.75rem);letter-spacing:.18em;text-transform:uppercase}
.date-reveal strong{font:600 clamp(1.6rem,5.8vw,2.3rem)/1.12 var(--serif);white-space:nowrap;margin-top:8px}
.date-reveal b{font:500 1.4rem/1.3 var(--serif);margin:2px 0 6px}
.date-reveal em{font:500 clamp(.75rem,2.7vw,.95rem) var(--sans);white-space:nowrap}
#scratchCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;transition:opacity .8s;z-index:2}
.scratch-card.done canvas{opacity:0;pointer-events:none}
.countdown-wrap{margin-top:55px}
.countdown{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:340px;margin:22px auto}
@media(min-width:700px){.countdown{grid-template-columns:repeat(4,1fr);max-width:640px}}
.countdown div{aspect-ratio:1.08;clip-path:url(#heartClip);background:linear-gradient(145deg,#8f2a3b,#5a1220);color:#fbeed1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:14%}
.countdown b{font:500 clamp(2.2rem,9vw,3rem)/1 var(--serif);font-variant-numeric:tabular-nums}
.countdown span{font-size:.75rem;letter-spacing:.04em;margin-top:4px}

/* ---------- gallery (scrapbook) ---------- */
.gallery{background:#f1e8d7}
.gallery-track{column-count:2;column-gap:18px;max-width:1100px;margin:34px auto 18px}
@media(min-width:760px){.gallery-track{column-count:3}}
@media(min-width:1100px){.gallery-track{column-count:4}}
.photo{display:inline-block;width:100%;break-inside:avoid;margin:0 0 22px;background:#fffaf0;border:1px solid #dfcdb0;padding:8px 8px 0;box-shadow:0 8px 22px #61453216;transform:rotate(-1.2deg);transition:transform .25s;text-align:left}
.photo:nth-child(even){transform:rotate(1.2deg)}.photo:hover{transform:none}
.photo img{width:100%;height:auto;display:block}
.photo span{display:block;font:italic 1.05rem var(--serif);padding:10px 2px;text-align:center}

/* ---------- events ---------- */
.events{background:var(--ivory)}
.event-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:30px;max-width:1150px;margin:44px auto 26px}
.event-card{border:1px solid var(--c);background:#fffaf0;text-align:left;display:flex;flex-direction:column}
.event-art{position:relative;aspect-ratio:4/5;background:var(--c);padding:8px;display:grid;place-items:center}
.event-art img{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:cover}
.earch{width:70%;aspect-ratio:4/4.6;border:1px solid #d2b26e;border-radius:999px 999px 0 0;display:grid;place-items:center;background:radial-gradient(circle,#d2b26e 0 1.5px,transparent 2.5px) 0 0/22px 22px,rgba(0,0,0,.18)}
.earch .hindi{font-size:2.8rem;color:#f6dfa6}
.event-details{padding:22px 24px 26px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.event-details .eyebrow{color:var(--c);letter-spacing:.1em}
.event-details h3{margin:8px 0 12px;color:var(--c);font-size:2.2rem}
.event-venue{font-size:.85rem;color:var(--muted);margin:2px 0 14px;flex:1}

/* ---------- venues (wine) ---------- */
.venues{background:var(--wine);color:#f6e7c6}
.venues h2{color:#fbf1dc}
.venues .eyebrow{color:#e5c484}
.venue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;max-width:900px;margin:40px auto 0}
.venue-card{border:1px solid rgba(229,196,132,.55);padding:36px 28px;position:relative}
.venue-number{display:block;font:italic 2rem var(--serif);color:#e5c484;margin-bottom:6px}
.venue-card h3{color:#fbf1dc;margin:8px 0 4px}
.venue-card .ve{opacity:.9;margin:12px 0 22px}
.venue-card .primary{background:transparent;border-color:#e5c484;color:#f6e7c6}
.venue-card .primary:hover{background:#e5c484;color:var(--deep)}

/* ---------- forms ---------- */
.guestbook{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1000px;margin:auto}
.form-card{background:#fffaf0;border:1px solid #cbb28a;padding:34px 28px;text-align:left}
.form-card h2{font-size:2.4rem;margin:6px 0 18px}
form{display:grid;gap:16px}
label{display:grid;gap:5px;font-size:.9rem}
input:not([type=radio]),select,textarea{font:inherit;padding:12px;border:1px solid var(--line);background:#fff;color:var(--ink);width:100%}
fieldset{border:0;padding:0;margin:0;display:grid;gap:8px}
legend{font-size:.9rem;margin-bottom:6px}
.also{display:grid;gap:6px;justify-items:start}
.also:empty{display:none}
.radio-label{display:flex;align-items:center;gap:10px}
.closing{text-align:center;padding:90px 5% 110px;background:linear-gradient(#fbf5e8,#f1dfb8)}
.closing h2{margin:6px 0}
.closing strong{font:600 2rem var(--serif);color:var(--wine);display:block;margin-top:14px}
.closing strong i{color:var(--gold)}

/* ---------- dialogs ---------- */
dialog{border:1px solid var(--line);background:var(--ivory);color:var(--ink);padding:26px;max-width:92vw;max-height:92vh}
dialog::backdrop{background:rgba(40,12,16,.72)}
.close{position:absolute;top:8px;right:10px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:#fbf5e8e6;font-size:1.6rem;color:var(--wine)}
#menuDlg nav{display:grid;gap:14px;text-align:center;margin-top:10px}
#menuDlg nav a{font:500 1.9rem var(--serif);color:var(--wine)}
#eventModal{padding:0;width:min(440px,92vw);overflow:auto}
#eventModal .event-art{aspect-ratio:4/4.4}
.modal-copy{padding:22px 24px 28px;text-align:center;display:grid;gap:8px;justify-items:center}
.modal-copy h2{font-size:2.2rem}
#lightbox{background:#2b1e21;color:#f4e6cf;border:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;overflow:hidden}
#lightbox[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
#lightbox .close{background:#f4e6cf;color:#2b1e21;top:16px;right:16px}
#lbImg{max-width:92vw;max-height:68vh;display:block}
#lbCap{font:italic 1.3rem var(--serif);text-align:center}
.lbc{display:flex;align-items:center;gap:20px}
.lbc .ib{color:#f4e6cf;border-color:#f4e6cf88}

/* ---------- petals, confetti ---------- */
.petal-layer{position:fixed;inset:0;z-index:5;pointer-events:none;overflow:hidden}
.petal-fall{position:absolute;top:-24px;animation:fall var(--t) linear var(--d) infinite}
@keyframes fall{to{transform:translate3d(var(--dr),110vh,0)}}
.petal{display:block;width:var(--s);height:var(--s);background:var(--pc);border-radius:100% 0 100% 0;opacity:.45;animation:spin 4s ease-in-out infinite alternate}
@keyframes spin{from{transform:rotate(-30deg)}to{transform:rotate(80deg)}}
.confetti{position:fixed;z-index:70;pointer-events:none}
.confetti i{position:absolute;width:8px;height:12px;animation:cf 1.5s ease-out forwards}
@keyframes cf{to{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}}
#ytbox{position:fixed;left:-9999px;top:0;width:200px;height:200px}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01s!important;transition-delay:0s!important;animation:none!important;scroll-behavior:auto!important}}