@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap";:root{--ink:#493d2c;--muted:#827765;--paper:#faf8f2;--line:#e7ddca;--gold:#a18148}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px DM Sans,sans-serif}header{height:98px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}header a:last-child{font-size:12px}.brand{font-size:26px;display:flex;align-items:center;gap:10px}.brand span{font-size:15px;letter-spacing:4px}.header-note,.eyebrow{font-size:10px;letter-spacing:2.6px;font-weight:600}.header-note{color:var(--muted)}.invitation{max-width:1160px;margin:72px auto 95px;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;padding:0 32px;align-items:center}.intro{text-align:center}.seal{color:var(--gold);font-size:64px;margin-bottom:25px}.eyebrow{color:var(--gold)}h1,h2{font-family:Playfair Display,Georgia,serif;font-weight:400;margin:22px 0}h1{font-size:68px;line-height:1.12;letter-spacing:-2px}h2{font-size:37px;line-height:1.15;margin:12px 0 16px}i{font-weight:400;color:#56725b}.welcome{font-size:15px;line-height:1.9;max-width:340px;margin:25px auto;color:#667467}.event{display:flex;flex-direction:column;gap:10px;margin:32px 0;line-height:1.7}.event span:first-child{font-size:16px}.event span:last-child{color:var(--muted);font-size:13px}.ornament{color:var(--gold);letter-spacing:6px;margin:35px 0}.gujarati{font-size:16px}small{display:block;color:var(--muted);font-size:11px;line-height:1.7}.panel{background:#fffefb;border:1px solid var(--line);border-radius:9px;padding:32px}.rsvp{box-shadow:0 16px 60px #293f3507;padding:38px}.muted{color:var(--muted);line-height:1.6}form label{display:block;font-size:12px;margin:20px 0 0;font-weight:500}input,textarea{display:block;width:100%;background:#fffefb;border:1px solid #dcdfd5;border-radius:5px;padding:13px 14px;margin-top:8px;color:var(--ink);font:13px DM Sans,sans-serif}input:focus,textarea:focus{outline:2px solid #b2c0a5;outline-offset:2px}textarea{min-height:78px;resize:vertical}button{font:12px DM Sans,sans-serif;border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:5px;padding:15px 20px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.rsvp form>button,.login button{width:100%;margin-top:24px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}fieldset{padding:0;border:0;margin:23px 0 0}legend{font-size:12px;margin-bottom:10px}.choices{display:flex;gap:8px}.choice{flex:1;padding:13px 8px;background:transparent;color:var(--muted);border-color:var(--line);font-size:11px}.choice.active{background:#eef2e8;border-color:#81946c;color:var(--ink)}.optional{color:var(--muted);font-weight:400}.privacy{margin-top:16px;text-align:center}.closed{background:#f1f3eb;padding:24px 18px;margin-top:25px;border-radius:5px;line-height:1.8}.closed small{margin-top:8px}footer{border-top:1px solid var(--line);padding:28px 6%;font-size:9px;letter-spacing:2px;color:var(--muted);display:flex;justify-content:space-between}footer span{color:var(--gold);font-size:20px}.dashboard{max-width:1150px;margin:55px auto 80px;padding:0 25px}.dashboard h1{font-size:52px}.login{max-width:430px;margin:40px 0}.login small{margin-top:15px}.dashboard-tools,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dashboard-tools{margin:30px 0 20px}.live{margin-right:auto;font-size:11px;color:#627850}.secondary{background:transparent;color:var(--ink);border-color:var(--line);padding:12px 16px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.stats .panel{padding:23px}.stats strong{display:block;font-family:Georgia,serif;font-size:38px;font-weight:400}.stats span{font-size:11px;color:var(--muted);display:block;margin-top:10px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading h2{font-size:26px}.section-heading input{max-width:260px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;min-width:650px}th{text-transform:uppercase;letter-spacing:1px;font-size:9px;color:var(--muted);padding:22px 8px 15px}td{border-top:1px solid var(--line);padding:18px 8px;font-size:12px;max-width:270px;overflow-wrap:anywhere}td small{margin-top:5px}.badge{background:#edf2e5;padding:6px 9px;border-radius:20px;font-size:10px;white-space:nowrap}.badge.no{background:#f3eee8;color:#977354}.empty{padding:50px;text-align:center;line-height:2;color:var(--muted)}.settings{margin-top:24px;max-width:760px}.settings h2{font-size:30px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto;margin:0}.actions{margin:25px 0 15px}.notice{position:fixed;bottom:24px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);background:var(--ink);color:#fff;padding:20px 26px;border-radius:8px;box-shadow:0 8px 30px #0002;z-index:9;cursor:pointer;line-height:1.6}.error{background:#8c493b}@media(max-width:760px){header{height:76px;padding:0 22px}.header-note{display:none}.invitation{grid-template-columns:1fr;gap:38px;margin:38px auto 55px;padding:0 20px}.seal{font-size:45px;margin-bottom:18px}h1{font-size:52px}.welcome{font-size:14px;margin:20px auto}.event,.ornament{margin:24px 0}.rsvp{padding:27px}h2{font-size:33px}.stats{grid-template-columns:repeat(2,1fr)}.stats .panel:last-child{grid-column:span 2}.section-heading{align-items:start;flex-direction:column}.section-heading input{max-width:none;margin:0 0 12px}.dashboard{padding:0 18px}.panel{padding:23px}.dashboard h1{font-size:44px}.live{width:100%}footer{font-size:8px;letter-spacing:1px}.notice{font-size:13px}}.test-banner{background:#f3ead6;border:1px solid #dfcc9e;color:#7a5d25;padding:16px 20px;border-radius:6px;font-size:11px;letter-spacing:.6px;display:flex;justify-content:space-between;align-items:center;gap:15px;line-height:1.7;margin-bottom:20px}.preview-banner{grid-column:1 / -1;margin-bottom:-35px}.test-banner button{font-size:11px;padding:8px 12px}@media(max-width:760px){.preview-banner{margin-bottom:0}.test-banner{flex-wrap:wrap}}

/* Couple's monogram */
.wedding-monogram{display:block;width:min(100%,420px);height:auto;aspect-ratio:1;object-fit:contain;margin:0 auto 1.75rem;border-radius:4px;}
@media(max-width:600px){.wedding-monogram{width:min(100%,330px);margin-bottom:1.3rem;}}

/* Gold monogram replaces the public header brand; no middle-of-page image */
header{gap:18px}.brand{flex:0 0 auto}.header-monogram{display:block;width:76px;height:76px;object-fit:contain;mix-blend-mode:multiply}.header-date{margin-left:auto;color:var(--gold);font-family:Georgia,serif;font-size:19px;letter-spacing:2px;white-space:nowrap}.wedding-monogram{display:none!important}
@media(max-width:760px){header{height:76px;padding:0 20px}.header-monogram{width:60px;height:60px}.header-date{font-size:15px;letter-spacing:1px}}

/* Seamless typographic wedding masthead: original gold AR mark on transparent canvas */
header{min-height:118px;height:auto;padding:16px 5%;justify-content:center;background:var(--paper)}
.wedding-header-lockup{width:min(100%,880px);display:flex;justify-content:center;align-items:center;gap:clamp(12px,3vw,38px);color:#9b783f}
.header-couple{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;font-family:Georgia,'Times New Roman',serif;letter-spacing:4px;font-size:clamp(14px,2vw,24px);line-height:1.15;white-space:nowrap}
.header-amp{font-style:italic;font-size:.82em;line-height:1}
.header-divider{width:1px;height:65px;background:#b69a6a;flex-shrink:0}
header .brand{display:block;flex:0 0 auto}
header .header-monogram{width:clamp(72px,10vw,116px);height:clamp(72px,10vw,116px);mix-blend-mode:normal;object-fit:contain}
header .header-date{margin:0;font-family:Georgia,'Times New Roman',serif;color:#9b783f;font-size:clamp(14px,2.2vw,24px);letter-spacing:2px;white-space:nowrap}
@media(max-width:760px){header{height:auto;min-height:90px;padding:12px 10px}.wedding-header-lockup{gap:clamp(7px,2vw,16px)}.header-couple{font-size:clamp(11px,3vw,16px);letter-spacing:1.2px}.header-divider{height:46px}.header-date{font-size:clamp(11px,3vw,16px)!important;letter-spacing:.5px!important}.header-monogram{width:clamp(60px,17vw,80px)!important;height:clamp(60px,17vw,80px)!important}}

/* Gold and ivory wedding palette for all actions and confirmation overlays */
button:not(.secondary):not(.choice){background:#a18148;border-color:#a18148;color:#fffdf8;transition:background .2s ease,transform .2s ease}
button:not(.secondary):not(.choice):hover{background:#806431;border-color:#806431}
button:not(.secondary):not(.choice):active{transform:translateY(1px)}
.choice.active{background:#f5eddb;border-color:#b59761;color:#755b2f}
.choice:hover,.secondary:hover{border-color:#a18148;color:#806431;background:#fbf6eb}
input:focus,textarea:focus{outline:2px solid #c4a66d;outline-offset:2px}
.notice{background:#a18148;color:#fffdf8}.notice.error{background:#914f45}
.closed{background:#f6f0e3}.badge{background:#f4ebd8;color:#755b2f}.live{color:#96723c}
.modal-backdrop{position:fixed;inset:0;background:rgba(43,35,24,.55);z-index:100;display:flex;align-items:center;justify-content:center;padding:22px;backdrop-filter:blur(3px)}
.rsvp-modal{width:min(100%,460px);max-height:90vh;overflow:auto;text-align:center;background:#fffdf8;border:1px solid #d8c59f;border-radius:12px;padding:42px 32px;box-shadow:0 24px 80px #251b1233}
.modal-ornament{font-size:34px;color:#a18148;margin-bottom:12px}.modal-eyebrow{color:#a18148;letter-spacing:3px;font-size:10px;font-weight:700}
.rsvp-modal h2{font-size:34px;color:#5b4932;margin:16px 0}.modal-message{font-size:15px;line-height:1.8;color:#5b5144;margin:14px auto}.modal-follow{font-family:Playfair Display,Georgia,serif;font-style:italic;font-size:19px;color:#987743;margin:25px auto 4px}.rsvp-modal .modal-close{margin-top:25px;min-width:160px}
@media(max-width:760px){.rsvp-modal{padding:34px 23px}.rsvp-modal h2{font-size:29px}}

/* Wedding details: two celebration dates and city */
.wedding-details{display:flex;flex-direction:column;align-items:center;gap:14px;margin:30px auto;max-width:480px}.wedding-details .event-line{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:7px 12px;text-align:center;line-height:1.5}.wedding-details .event-line strong{font-size:13px;letter-spacing:1.2px;text-transform:uppercase;color:#9b783f;font-weight:600}.wedding-details .event-line span,.wedding-details .event-line:first-child span,.wedding-details .event-line:last-child span{font-family:Georgia,serif;font-size:17px;color:#55432e}.header-date{letter-spacing:.6px!important}@media(max-width:440px){.header-date{font-size:12px!important;white-space:normal;text-align:center;line-height:1.25}.wedding-details .event-line{flex-direction:column;gap:2px}}

/* Three-row dates; original couple type and monogram unchanged */
.header-date-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1.1;letter-spacing:.5px!important}.header-date-stack>span{display:block}.header-date-stack .date-spacer{height:16px}@media(max-width:760px){.header-date-stack{font-size:clamp(10px,2.7vw,15px)!important;white-space:nowrap!important}.header-date-stack .date-spacer{height:10px}}@media(max-width:440px){.header-date-stack{font-size:clamp(9px,2.6vw,12px)!important;white-space:nowrap!important}}

/* Original wedding illustration replaces the stacked dates */
.header-couple-art{width:clamp(105px,15vw,174px);height:110px;object-fit:contain;mix-blend-mode:multiply;display:block;flex-shrink:0;object-position:center}
@media(max-width:760px){.header-couple-art{width:clamp(82px,25vw,125px);height:84px}}
@media(max-width:440px){.header-couple-art{width:clamp(78px,23vw,105px);height:76px}}

/* Gold AR monogram in the RSVP confirmation dialog */
.modal-ornament{display:flex;align-items:center;justify-content:center;margin:0 auto 10px}
.modal-ar-logo{display:block;width:78px;height:78px;object-fit:contain;mix-blend-mode:multiply}

/* Seamlessly feather the supplied couple illustration into the ivory header.
   Keep the original drawing untouched; remove its visible rectangular edge. */
header .header-couple-art{
  mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 15%,#000 85%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 11%,#000 72%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 15%,#000 85%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 11%,#000 72%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}


/* Center the supplied couple art and place the original AR logo on the right. */
.wedding-header-lockup{width:min(100%,920px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);align-items:center;justify-items:center;gap:clamp(8px,2vw,28px)}
.wedding-header-lockup .header-couple{grid-column:1;grid-row:1}
.wedding-header-lockup .header-couple-art{grid-column:2;grid-row:1;width:clamp(120px,17vw,190px);height:clamp(100px,15vw,155px);object-fit:contain;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}
.wedding-header-lockup .brand{grid-column:3;grid-row:1}
.wedding-header-lockup .header-divider{display:none}
@media(max-width:760px){.wedding-header-lockup{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:6px}.wedding-header-lockup .header-couple-art{width:clamp(96px,30vw,145px);height:clamp(84px,25vw,120px)}header .header-monogram{width:clamp(62px,18vw,90px)!important;height:clamp(62px,18vw,90px)!important}}
/* Consistent alignment of the wedding details, including Ahmedabad. */
.wedding-details{align-items:stretch;width:min(100%,440px)}
.wedding-details .event-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:baseline;justify-content:initial;text-align:left;gap:12px}
.wedding-details .event-line strong{text-align:right}
.wedding-details .event-line span{text-align:left}
@media(max-width:440px){.wedding-details .event-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:10px}.wedding-details .event-line strong{text-align:right}.wedding-details .event-line span{text-align:left}}
/* Restore the two fine gold separators between the three header elements. */
.wedding-header-lockup{grid-template-columns:minmax(0,1fr) 1px minmax(0,1.2fr) 1px minmax(0,1fr);gap:clamp(8px,2vw,22px)}
.wedding-header-lockup .header-couple{grid-column:1;grid-row:1}
.wedding-header-lockup .header-divider{display:block;grid-row:1;width:1px;height:70px;background:#b69a6a}
.wedding-header-lockup .header-divider:nth-child(2){grid-column:2}
.wedding-header-lockup .header-divider:nth-child(4){grid-column:4}
.wedding-header-lockup .header-couple-art{grid-column:3;grid-row:1}
.wedding-header-lockup .brand{grid-column:5;grid-row:1}
@media(max-width:760px){.wedding-header-lockup{grid-template-columns:minmax(0,1fr) 1px minmax(0,1.2fr) 1px minmax(0,1fr);gap:clamp(5px,1.5vw,10px)}.wedding-header-lockup .header-divider{height:52px}}