:root{--ki-maroon:#6f210d;--ki-deep:#391006;--ki-saffron:#e5681e;--ki-gold:#d69a43;--ki-cream:#fff8e9;--ki-paper:#fffdf7;--ki-ink:#3d1b10;--ki-muted:#7e675d;--ki-line:#ead9bd;--ki-green:#2f7d45}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 15% 0,#fff0ce 0,transparent 28%),linear-gradient(#fffaf0,#fff 55%,#fff8ed);color:var(--ki-ink);font-family:"DM Sans",sans-serif}
.ki-page{min-height:100vh;padding-bottom:4rem}.ki-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);min-height:420px;background:linear-gradient(125deg,#4a1207 0,#7c260e 54%,#b23f0d 100%);color:white;padding:4.6rem max(5vw,2rem) 3.8rem;isolation:isolate}
.ki-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,rgba(255,193,82,.28),transparent 24%),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px;z-index:-1}.ki-hero:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-88px;height:150px;border-radius:50% 50% 0 0;background:#fffaf0;z-index:-1}
.ki-hero-copy{max-width:720px;align-self:center}.ki-eyebrow{display:inline-block;border:1px solid rgba(255,230,182,.38);background:rgba(255,255,255,.08);padding:.42rem .7rem;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ki-devotion{font-family:"Yatra One",serif;color:#ffd58a;margin:1.2rem 0 .25rem;font-size:1.05rem}.ki-hero h1{font-family:"Playfair Display",serif;font-size:clamp(2.65rem,6vw,5.35rem);line-height:.94;letter-spacing:-.045em;margin:.2rem 0 1.2rem;max-width:760px}.ki-hero h1 span{color:#ffd899}.ki-lead{max-width:650px;color:#f7e9df;font-size:clamp(1rem,2vw,1.18rem);line-height:1.65;margin:0}.ki-pills{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:1.3rem}.ki-pills span{font-size:.72rem;font-weight:700;border-radius:999px;padding:.48rem .68rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
.ki-art{position:relative;min-height:320px;display:grid;place-items:center;align-self:center}.ki-sun{position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,#ffe5a1 0,#f7b843 45%,rgba(240,136,27,.2) 70%,transparent 71%);filter:blur(.2px);box-shadow:0 0 80px rgba(255,174,54,.35)}.ki-kurta{width:min(300px,80%);height:auto;position:relative;z-index:2;transform:rotate(1.5deg)}.ki-art-caption{position:absolute;bottom:18px;z-index:3;font-family:"Yatra One",serif;font-size:1rem;color:#ffe7b7;background:rgba(67,14,3,.5);border:1px solid rgba(255,225,171,.28);padding:.35rem .7rem;border-radius:999px;backdrop-filter:blur(8px)}
.ki-shell{width:min(900px,calc(100% - 2rem));margin:-20px auto 0;position:relative;z-index:3}.ki-info-card{display:flex;gap:.9rem;align-items:flex-start;background:linear-gradient(135deg,#fff7df,#fffdf7);border:1px solid #efd39b;border-radius:20px;padding:1rem 1.1rem;box-shadow:0 14px 34px rgba(94,47,14,.08);margin-bottom:1rem}.ki-info-icon{font-size:1.5rem;line-height:1}.ki-info-card strong{display:block;font-size:.9rem;color:#6d2e0d}.ki-info-card p{margin:.25rem 0 0;color:#795f50;line-height:1.55;font-size:.78rem}
.ki-form{background:rgba(255,255,255,.94);border:1px solid rgba(224,199,161,.75);border-radius:28px;padding:1.25rem;box-shadow:0 24px 70px rgba(79,42,14,.1);backdrop-filter:blur(14px)}.ki-status{display:none;margin:.1rem 0 1rem;border-radius:13px;padding:.78rem .9rem;font-size:.78rem;font-weight:700}.ki-status.show{display:block}.ki-status.error{background:#fff0ed;color:#9b3428;border:1px solid #efc0b8}.ki-status.info{background:#fff7e8;color:#8d5719;border:1px solid #efd5aa}.ki-section{padding:1.2rem .3rem 1.35rem;border-bottom:1px dashed #eadcc9}.ki-section:last-of-type{border-bottom:0}.ki-section-head{display:flex;gap:.85rem;align-items:flex-start;margin-bottom:1rem}.ki-section-head>span{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:11px;background:#fff0d7;color:#a84c10;font-size:.7rem;font-weight:900}.ki-section-head h2{font-family:"Playfair Display",serif;font-size:1.38rem;line-height:1.15;margin:0;color:#4d1d0c}.ki-section-head p{margin:.3rem 0 0;font-size:.74rem;color:var(--ki-muted);line-height:1.45}.ki-section-head.compact{margin-bottom:.75rem}.ki-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.ki-full{grid-column:1/-1}.ki-field{display:flex;flex-direction:column;gap:.36rem}.ki-field>span,.ki-quantity-row>label{font-size:.68rem;font-weight:800;color:#674638}.ki-field input,.ki-field textarea{width:100%;font:600 .88rem "DM Sans",sans-serif;color:#32150a;background:#fff;border:1.5px solid #e4d2ba;border-radius:12px;padding:.78rem .82rem;outline:none;transition:border-color .2s,box-shadow .2s}.ki-field textarea{resize:vertical;min-height:88px}.ki-field input:focus,.ki-field textarea:focus{border-color:#d96824;box-shadow:0 0 0 3px rgba(217,104,36,.09)}.ki-field small{font-size:.62rem;line-height:1.45;color:#958074}.ki-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ki-choice{position:relative;display:flex;cursor:pointer}.ki-choice input{position:absolute;opacity:0;pointer-events:none}.ki-choice>span{width:100%;display:flex;flex-direction:column;gap:.2rem;border:1.5px solid #e6d4bd;border-radius:15px;padding:.9rem;background:#fff;transition:.18s}.ki-choice b{font-size:.83rem;color:#4a2111}.ki-choice small{font-size:.64rem;color:#8a7266;line-height:1.4}.ki-choice input:checked+span{border-color:#da702b;background:#fff8ec;box-shadow:inset 0 0 0 1px #da702b,0 6px 16px rgba(179,86,21,.08)}.ki-choice input:focus-visible+span{outline:3px solid rgba(218,112,43,.2);outline-offset:2px}
.ki-quantity-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fffaf2;border:1px solid #eedcc3;border-radius:14px;padding:.7rem .8rem;margin-bottom:.8rem}.ki-counter{display:flex;align-items:center;gap:.65rem}.ki-counter button{width:34px;height:34px;border-radius:10px;border:1px solid #dfc8a7;background:white;color:#8a3a0e;font-size:1.15rem;font-weight:900;cursor:pointer}.ki-counter output{min-width:24px;text-align:center;font-weight:900;color:#4d1d0c}.ki-size-rows{display:grid;gap:.7rem}.ki-size-row{border:1px solid #ead9c2;background:#fff;border-radius:15px;padding:.78rem}.ki-size-row-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem}.ki-size-row-head strong{font-size:.73rem;color:#5f3420}.ki-size-row-head span{font-size:.62rem;color:#9a806f}.ki-size-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.ki-size-option{position:relative;cursor:pointer}.ki-size-option input{position:absolute;opacity:0}.ki-size-option span{display:grid;place-items:center;min-height:42px;border:1.5px solid #e5d5c0;border-radius:10px;font-size:.72rem;font-weight:800;color:#68422d;background:#fff}.ki-size-option input:checked+span{background:#6d260f;color:#fff;border-color:#6d260f;box-shadow:0 5px 12px rgba(92,35,14,.18)}.ki-size-option.wide{grid-column:span 2}.ki-size-help{margin-top:.8rem;border-radius:12px;background:#fff8e9;border:1px solid #efddbf;padding:.1rem .75rem}.ki-size-help summary{cursor:pointer;padding:.65rem 0;font-size:.7rem;font-weight:800;color:#8a491a}.ki-size-help p{margin:0 0 .7rem;font-size:.67rem;line-height:1.5;color:#806b5e}
.ki-ack{display:flex;gap:.7rem;align-items:flex-start;margin:1.25rem .3rem .2rem;border-radius:14px;background:#f6fbf5;border:1px solid #d4e7d2;padding:.85rem}.ki-ack input{margin-top:.15rem;accent-color:#2f7d45;transform:scale(1.12)}.ki-ack span{font-size:.68rem;line-height:1.5;color:#52624d}.ki-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.ki-submit{width:100%;margin-top:1rem;border:0;border-radius:14px;padding:.92rem 1rem;background:linear-gradient(135deg,#e76c1f,#bd3d0c);color:white;font:800 .9rem "DM Sans",sans-serif;box-shadow:0 10px 24px rgba(194,70,14,.22);cursor:pointer}.ki-submit:disabled{opacity:.6;cursor:wait}.ki-submit-note{text-align:center;margin:.55rem 0 .2rem;font-size:.61rem;color:#90786a;line-height:1.45}
.ki-success{background:linear-gradient(145deg,#f3fbf2,#fffdf6 68%);border:1px solid #cce3c8;border-radius:28px;padding:2rem 1.4rem;text-align:center;box-shadow:0 24px 70px rgba(53,96,48,.12)}.ki-success-icon{width:58px;height:58px;margin:0 auto .8rem;border-radius:50%;display:grid;place-items:center;background:#2f7d45;color:white;font-size:1.65rem;font-weight:900;box-shadow:0 8px 20px rgba(47,125,69,.22)}.ki-success-kicker{text-transform:uppercase;letter-spacing:.1em;font-size:.64rem;font-weight:900;color:#2f7d45;margin:.15rem 0}.ki-success h2{font-family:"Playfair Display",serif;color:#402010;margin:.35rem auto .65rem;max-width:600px;font-size:1.7rem}.ki-success>p:not(.ki-jai):not(.ki-success-kicker){font-size:.78rem;line-height:1.55;color:#725f52;max-width:600px;margin:.3rem auto}.ki-success-note{max-width:650px;margin:1rem auto;background:#fff;border:1px solid #e7dfca;border-radius:14px;padding:.85rem;font-size:.69rem;line-height:1.5;color:#68594d}.ki-edit{border:1px solid #d8c4a8;background:white;color:#713311;border-radius:11px;padding:.65rem .9rem;font:800 .72rem "DM Sans",sans-serif;cursor:pointer}.ki-jai{font-family:"Yatra One",serif!important;color:#9e4b17!important;font-size:1rem!important;margin-top:1.2rem!important}
@media(max-width:760px){.ki-hero{grid-template-columns:1fr;padding:4rem 1rem 4.2rem;min-height:auto}.ki-hero-copy{text-align:center}.ki-eyebrow{font-size:.62rem}.ki-lead{margin-inline:auto}.ki-pills{justify-content:center}.ki-art{min-height:260px;margin-top:.5rem}.ki-sun{width:190px;height:190px}.ki-kurta{width:225px}.ki-art-caption{bottom:2px}.ki-shell{width:min(100% - 1rem,900px);margin:-30px auto 0}.ki-form{border-radius:22px;padding:.95rem}.ki-grid,.ki-choice-grid{grid-template-columns:1fr}.ki-full{grid-column:auto}.ki-section{padding:1.05rem .15rem 1.2rem}.ki-size-options{grid-template-columns:repeat(3,minmax(0,1fr))}.ki-size-option.wide{grid-column:span 3}.ki-info-card{border-radius:17px}.ki-success{border-radius:22px}}
@media(max-width:390px){.ki-hero h1{font-size:2.55rem}.ki-pills span{font-size:.64rem}.ki-size-options{grid-template-columns:repeat(2,minmax(0,1fr))}.ki-size-option.wide{grid-column:span 2}.ki-section-head h2{font-size:1.24rem}}
@media(prefers-reduced-motion:no-preference){.ki-kurta{animation:kiFloat 4.5s ease-in-out infinite}.ki-sun{animation:kiGlow 5s ease-in-out infinite}@keyframes kiFloat{0%,100%{transform:translateY(0) rotate(1.5deg)}50%{transform:translateY(-8px) rotate(.3deg)}}@keyframes kiGlow{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.04);opacity:1}}}

/* Community goal, pricing and compact mobile experience */
.ki-progress-card{background:#fff;border:1px solid #ecd8b5;border-radius:20px;padding:1.05rem 1.2rem;margin:0 0 1rem;box-shadow:0 10px 26px rgba(91,49,10,.06)}
.ki-progress-heading{display:flex;gap:1rem;justify-content:space-between;align-items:center}
.ki-progress-eyebrow{color:#ac5b18;font-size:.59rem;font-weight:900;letter-spacing:.09em}
.ki-progress-heading h2{font-family:"Playfair Display",serif;font-size:1.14rem;margin:.14rem 0 .7rem;color:#4b2414}
.ki-progress-heading strong{font-size:1.16rem;white-space:nowrap;color:#83340c}
.ki-progress-track{width:100%;height:15px;border-radius:99px;overflow:hidden;background:#f5e6d1;box-shadow:inset 0 2px 3px rgba(99,59,20,.08)}
.ki-progress-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#eaa82e,#df5c1f);transition:width .7s ease}
.ki-progress-message{font-weight:800;font-size:.75rem;color:#81451b;margin:.7rem 0 .3rem}
.ki-progress-card small{display:block;font-size:.63rem;line-height:1.5;color:#8d7669}
.ki-total{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .85rem;border:1px solid #e7dbbd;border-radius:12px;background:#fffdf4;margin:-.2rem 0 .9rem}
.ki-total span{font-size:.68rem;color:#806d60}
.ki-total strong{font-size:1.2rem;color:#7a2b0e;white-space:nowrap}
@media(max-width:760px){
.ki-hero{padding-top:3.2rem;padding-bottom:3.2rem}
.ki-hero h1{font-size:clamp(2.15rem,8vw,3.25rem);line-height:1.01;letter-spacing:-.035em}
.ki-hero .ki-lead{font-size:.94rem;line-height:1.52}
.ki-art{min-height:235px}
.ki-kurta{width:205px}
.ki-progress-card{padding:.95rem;border-radius:17px}
.ki-progress-heading h2{font-size:1.03rem}
.ki-progress-heading strong{font-size:1rem}
}

.ki-photo-frame{position:relative;z-index:2;width:min(260px,70%);border:1px solid rgba(255,229,181,.53);border-radius:20px;overflow:hidden;background:#e8d3ad;box-shadow:0 20px 46px rgba(28,7,0,.3);transform:rotate(1deg);animation:kiFloat 5s ease-in-out infinite}
.ki-photo{display:block;width:100%;height:auto;aspect-ratio:320/443;object-fit:cover}
.ki-art-caption{bottom:0}
.ki-hero-cta{grid-column:1/-1;justify-self:center;display:inline-flex;gap:.7rem;align-items:center;justify-content:center;margin-top:.6rem;padding:.68rem 1.1rem;border-radius:999px;background:#ffdda2;color:#61230e;font-size:.77rem;font-weight:900;text-decoration:none;box-shadow:0 6px 18px rgba(32,7,0,.22)}
.ki-hero-cta:focus-visible{outline:3px solid #fff}
#kurtaForm{scroll-margin-top:5rem}
@media(max-width:760px){.ki-art{min-height:245px}.ki-photo-frame{width:165px;border-radius:13px}.ki-art-caption{bottom:-5px}.ki-sun{width:170px;height:170px}.ki-hero-cta{margin-top:.85rem}}
@media(prefers-reduced-motion:reduce){.ki-photo-frame{animation:none}}


/* 2026 Kharna survey refresh: accessible, product-focused, mobile first. */
.ki-page{padding-bottom:calc(8rem + env(safe-area-inset-bottom,0px))}
.ki-page .ki-hero{
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(210px,.72fr);
  gap:clamp(.9rem,3vw,2.2rem);align-items:center;min-height:0;
  padding:2rem max(4vw,1.25rem) 1.7rem;
  background:linear-gradient(125deg,#531509 0%,#84290e 66%,#b94c18 100%);
}
.ki-page .ki-hero:after{display:none}
.ki-page .ki-hero-top{
  grid-column:1/-1;display:flex;flex-direction:column;align-items:center;
  gap:.55rem;text-align:center
}
.ki-page .ki-hero-festival{
  margin:0;font-family:"Playfair Display",serif;color:#ffdc9d;
  letter-spacing:.015em;font-size:clamp(1.1rem,2.8vw,1.55rem);
}
.ki-page .ki-hero-survey{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.34rem .75rem;border:1px solid #dba66a;border-radius:999px;
  background:rgba(255,225,169,.12);color:#fff6e5;
  font-weight:700;font-size:.7rem
}
.ki-page .ki-hero-copy{text-align:left;align-self:center;max-width:670px}
.ki-page .ki-eyebrow{border:0;background:transparent;padding:0;border-radius:0;color:#ffe1b8;font-size:.64rem;letter-spacing:.07em}
.ki-page .ki-hero h1{
  font-size:clamp(2.4rem,5vw,4.45rem);line-height:1.05;margin:.65rem 0 .85rem;
  letter-spacing:-.035em;max-width:640px;color:#fffdf4
}
.ki-page .ki-hero h1 span{color:#fff5dc}
.ki-page .ki-hero h1 em{color:#ffd27a;font-style:italic}
.ki-page .ki-lead{max-width:610px;font-size:clamp(.85rem,1.5vw,1.02rem);line-height:1.55;color:#fceee1}
.ki-page .ki-pills{margin-top:1rem;gap:.5rem;display:flex;flex-wrap:wrap;justify-content:flex-start}
.ki-page .ki-pills>span{
  display:inline-flex;align-items:center;gap:.3rem;font-weight:800;font-size:.73rem;
  line-height:1.35;border:1px solid rgba(255,216,152,.38);
  background:rgba(255,244,225,.12);padding:.5rem .74rem;
}
.ki-page .ki-pills small{font-size:.65rem;opacity:.9;font-weight:600}
.ki-page .ki-art{
  align-self:center;display:flex;flex-direction:column;align-items:center;
  gap:.35rem;min-height:0;margin:0;padding:.3rem 0;
}
.ki-page .ki-sun{display:none!important;animation:none!important}
.ki-page .ki-photo-frame{
  width:min(300px,100%);height:auto;aspect-ratio:3/4;
  position:relative;isolation:isolate;border:2px solid #f3c573;
  border-radius:48% 48% 16px 16px/24% 24% 16px 16px;
  background:linear-gradient(160deg,#fffdf7,#ffefda 65%,#fff9e9);
  box-shadow:0 16px 40px rgba(51,10,0,.19);transform:none!important;
  animation:none!important;overflow:hidden
}
.ki-page .ki-photo{
  position:absolute;display:block;width:100%;height:102%;left:0;bottom:-2%;
  object-fit:contain;object-position:center bottom;aspect-ratio:auto;
  filter:drop-shadow(0 3px 2px rgba(75,39,3,.08))
}
.ki-page .ki-art-caption{
  position:static;bottom:auto;margin:0;border:0;background:transparent;
  color:#ffe6bc;font:700 .67rem "DM Sans",sans-serif;text-align:center;padding:0;
}
.ki-page .ki-hero-cta,.ki-page .ki-hero-cta:visited{
  grid-column:1/-1;justify-self:center;min-width:min(420px,100%);
  display:inline-flex;align-items:center;justify-content:center;gap:1rem;
  padding:.88rem 1.25rem;margin:.3rem 0 0;border:2px solid #ffda7d;
  border-radius:999px;background:linear-gradient(115deg,#83290f,#641809);
  color:#ffedc8!important;text-decoration:none!important;
  font-size:.93rem;font-weight:900;box-shadow:0 7px 20px rgba(37,7,1,.2);
}
.ki-page .ki-hero-cta:hover{background:#a23d11}
.ki-page .ki-hero-cta:focus-visible{outline:3px solid white;outline-offset:3px}
.ki-page .ki-shell{margin:.85rem auto 0}
.ki-page .ki-progress-card{padding:1.05rem 1.15rem;margin:0 0 .8rem;background:#fffdf7}
.ki-page .ki-progress-heading h2{font-size:clamp(1rem,2.5vw,1.22rem)}
.ki-page .ki-info-card{margin:0 0 .85rem;box-shadow:none}
.ki-page .ki-info-card p{line-height:1.58}
.ki-page #kurtaForm{scroll-margin-top:1rem}
.ki-page .ki-form{box-shadow:0 12px 34px rgba(79,42,14,.08)}
.ki-page .ki-submit{font-size:1rem;padding:1rem}
.ki-page .ki-submit:focus-visible{outline:3px solid #843417;outline-offset:3px}
@media(max-width:760px){
  .ki-page .ki-hero{
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
    gap:.6rem;padding:1.25rem .85rem 1.15rem;min-height:0;
  }
  .ki-page .ki-hero-top{gap:.42rem;margin-bottom:.2rem}
  .ki-page .ki-hero-festival{font-size:1.13rem}
  .ki-page .ki-hero-survey{font-size:.62rem}
  .ki-page .ki-hero h1{font-size:clamp(1.53rem,6.4vw,2.3rem);line-height:1.06;margin:.45rem 0 .7rem}
  .ki-page .ki-eyebrow{font-size:.58rem;line-height:1.45}
  .ki-page .ki-lead{font-size:.72rem;line-height:1.48;text-align:left}
  .ki-page .ki-pills{flex-direction:column;align-items:flex-start;gap:.4rem;margin-top:.8rem}
  .ki-page .ki-pills>span{font-size:.66rem;padding:.38rem .54rem;max-width:100%;overflow-wrap:anywhere}
  .ki-page .ki-pills small{font-size:.58rem}
  .ki-page .ki-art{min-height:0;margin:0;align-self:stretch;justify-content:center;gap:.36rem}
  .ki-page .ki-photo-frame{width:100%;max-width:210px;aspect-ratio:3/5;border-radius:49% 49% 14px 14px/15% 15% 14px 14px}
  .ki-page .ki-photo{height:100%;bottom:0}
  .ki-page .ki-art-caption{font-size:.58rem}
  .ki-page .ki-hero-cta{padding:.76rem 1rem;margin-top:.5rem;font-size:.84rem}
  .ki-page .ki-shell{width:min(100% - 1rem,900px);margin:.6rem auto 0}
  .ki-page .ki-progress-card{padding:.87rem;border-radius:16px;margin-bottom:.62rem}
  .ki-page .ki-progress-heading{gap:.6rem}
  .ki-page .ki-progress-heading h2{font-size:1.04rem;line-height:1.3}
  .ki-page .ki-info-card{margin-bottom:.65rem;border-radius:16px}
}
@media(max-width:375px){
  .ki-page .ki-hero{padding-inline:.65rem;gap:.42rem}
  .ki-page .ki-hero h1{font-size:1.5rem}
  .ki-page .ki-lead{font-size:.68rem}
  .ki-page .ki-pills>span{font-size:.59rem}
  .ki-page .ki-hero-festival{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){
  .ki-page .ki-progress-fill{transition:none}
}

.ki-page .ki-model-svg{display:block;position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 4px 3px rgba(79,38,11,.12))}
@media(max-width:760px){.ki-page .ki-model-svg{width:100%;height:100%}}

/* The general Contribute link is not the current destination on this survey. */
.ki-survey-page .pn-bottom .pn-bottom-pay{
  background:transparent!important;border-color:transparent!important;
  box-shadow:none!important;color:inherit!important
}


/* Approved Kharna kurta mockup — final visual system (2026) */
.ki-page{padding-bottom:calc(5rem + env(safe-area-inset-bottom,0px));background:#fffaf1}
.ki-page .ki-hero{
  position:relative;isolation:isolate;display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(220px,.95fr);
  gap:1.05rem clamp(.75rem,3vw,2.5rem);
  padding:1.65rem max(3vw,1.1rem) 0;
  background:linear-gradient(120deg,#601909 0%,#812609 54%,#b64412 100%);
  color:#fff8e9;overflow:hidden;
}
.ki-page .ki-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:
    linear-gradient(90deg,rgba(255,225,186,.06) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,225,186,.06) 1px,transparent 1px);
  background-size:35px 35px;opacity:.46
}
.ki-page .ki-hero::after{display:none!important}
.ki-page .ki-hero-top{grid-column:1/-1;display:flex;flex-direction:column;gap:.35rem;align-items:center;padding-bottom:.2rem}
.ki-page .ki-hero-festival{
  font-family:"Yatra One",serif;font-size:clamp(1.05rem,2.4vw,1.4rem);letter-spacing:0;
  color:#f9c873;line-height:1.35;text-align:center;
}
.ki-page .ki-hero-festival span{font-family:"DM Sans",sans-serif;color:#f5b952;margin:0 .6rem}
.ki-page .ki-hero-survey{
  display:inline-flex;padding:.35rem .85rem;font-size:.68rem;font-weight:700;
  border:1px solid rgba(250,195,126,.55);background:rgba(255,225,176,.11);color:#fff6e4;
  border-radius:99px
}
.ki-page .ki-hero-copy{grid-column:1;align-self:center;min-width:0;max-width:720px;text-align:left}
.ki-page .ki-eyebrow{font-size:.61rem;line-height:1.4;text-transform:uppercase;color:#ffcfa1;letter-spacing:.08em}
.ki-page .ki-hero h1{
  margin:.35rem 0 1rem;font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(2.3rem,4.8vw,4.8rem);line-height:1.01;letter-spacing:-.035em;color:#fffdf4;
}
.ki-page .ki-hero h1 span{color:#ffdf96}
.ki-page .ki-lead{
  margin:0;font-size:clamp(.92rem,1.45vw,1.09rem);line-height:1.6;
  color:#fff3e6;max-width:600px;
}
.ki-page .ki-pills{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.53rem;margin-top:1.15rem}
.ki-page .ki-pills>span{
  display:inline-flex;align-items:center;width:max-content;max-width:100%;
  font-size:.73rem;font-weight:800;line-height:1.3;padding:.5rem .7rem;
  border:1px solid rgba(255,215,163,.47);border-radius:999px;
  background:rgba(255,226,187,.13);white-space:normal;
}
.ki-page .ki-art{grid-column:2;align-self:stretch;justify-content:center;min-width:0;min-height:0;padding:0}
.ki-page .ki-photo-frame{
  width:min(370px,100%);aspect-ratio:0.63;height:auto;
  background:linear-gradient(145deg,#fff8ed,#ffefd8 85%,#f7dfbd);
  border:2px solid #f8cb74;
  border-radius:44% 44% 22px 22px/14% 14% 22px 22px;
  box-shadow:0 16px 26px rgba(55,10,0,.2);
  overflow:hidden;transform:none!important;animation:none!important;
}
.ki-page .ki-model-svg{position:absolute;inset:0;width:100%;height:100%;display:block;filter:none}
.ki-page .ki-art-caption{display:none}
.ki-page .ki-sun{display:none!important}
.ki-page .ki-progress-card{
  grid-column:1/-1;position:relative;margin:.2rem 0 0;padding:1rem 1.15rem;
  background:linear-gradient(145deg,#fff9ec,#fff0d4);border:1px solid #eed3a6;
  border-radius:22px;box-shadow:0 6px 20px rgba(83,21,0,.1);
  color:#572210;
}
.ki-page .ki-progress-heading{align-items:center;gap:1rem}
.ki-page .ki-progress-heading h2{
  font:800 clamp(1.06rem,2.1vw,1.35rem)/1.25 "DM Sans",sans-serif;
  letter-spacing:-.02em;color:#5d2011;margin:.15rem 0 .6rem
}
.ki-page .ki-progress-eyebrow{font-size:.62rem;letter-spacing:.08em;color:#a85219;font-weight:900}
.ki-page .ki-progress-heading strong{font-size:1.22rem;color:#7d2b13}
.ki-page .ki-progress-track{height:13px;background:#e8d9c3}
.ki-page .ki-progress-fill{background:linear-gradient(90deg,#ffb51e,#ef8520)}
.ki-page .ki-progress-message{font-size:.75rem;margin:.64rem 0 .25rem}
.ki-page .ki-progress-card small{font-size:.65rem;color:#756054}
.ki-page .ki-hero-cta,.ki-page .ki-hero-cta:visited{
  grid-column:1/-1;margin:.15rem auto 0;min-width:min(480px,100%);
  border:2px solid #ffcc67;border-radius:999px;
  background:linear-gradient(115deg,#a42d14,#721a0e);color:#fff4d9!important;
  padding:.85rem 1rem;display:flex;align-items:center;justify-content:center;gap:.7rem;
  font:900 1.04rem "DM Sans",sans-serif;box-shadow:0 7px 22px rgba(62,14,2,.19);
  text-decoration:none!important;
}
.ki-page .ki-hero-cta:hover{background:linear-gradient(115deg,#b8451d,#86240d)}
.ki-page .ki-info-card{
  grid-column:1/-1;margin:.1rem 0 .35rem;padding:1rem 1.1rem;
  border:1px solid #eaca97;border-radius:20px;background:#fff7e7;
  color:#4f2214;box-shadow:0 5px 16px rgba(68,14,0,.07);
}
.ki-page .ki-info-icon{font-size:1.4rem}
.ki-page .ki-info-card strong{color:#5b2615;font-size:.92rem}
.ki-page .ki-info-card p{font-size:.77rem;line-height:1.55;color:#71574a;margin:.25rem 0 0}
.ki-page .ki-hero-scene{
  grid-column:1/-1;position:relative;height:67px;margin:0 -4vw;
  background:linear-gradient(0deg,#8b2a12 0%,transparent 65%);
  overflow:hidden;isolation:isolate;
}
.ki-page .ki-hero-scene::before{
  content:"";position:absolute;bottom:21px;left:0;right:0;height:13px;
  background:linear-gradient(90deg,#581b11 0%,#7f2712 25%,#67200c 60%,#53190a 100%);
  clip-path:polygon(0% 90%,4% 35%,8% 70%,11% 30%,18% 80%,22% 20%,26% 75%,34% 65%,41% 22%,51% 70%,58% 35%,65% 85%,73% 30%,81% 65%,88% 18%,93% 70%,100% 30%,100% 100%,0% 100%);
}
.ki-page .ki-scene-sun{
  position:absolute;left:45%;bottom:20px;width:62px;height:31px;
  border-radius:60px 60px 0 0;background:linear-gradient(#ffcc45,#ff9d27);
  box-shadow:0 0 22px rgba(255,198,76,.45)
}
.ki-page .ki-scene-water{
  position:absolute;bottom:0;width:100%;height:20px;
  background:repeating-linear-gradient(0deg,rgba(255,190,99,.09) 0px,rgba(255,190,99,.09) 1px,transparent 1px,transparent 5px),linear-gradient(90deg,#803019,#a3411b,#7e2a14)
}
.ki-page .ki-scene-offering{position:absolute;right:8%;bottom:11px;font-size:1.3rem}
.ki-page .ki-shell{
  width:min(900px,calc(100% - 1rem));margin:.95rem auto 0;
  background:transparent;box-shadow:none;padding-bottom:2rem;
}
.ki-page .ki-form-intro{
  display:flex;justify-content:space-between;align-items:center;gap:.7rem;
  padding:.2rem .3rem .8rem;color:#572915;
}
.ki-page .ki-form-intro strong{font:800 1rem "Playfair Display",serif}
.ki-page .ki-form-intro span{font-size:.66rem;color:#8a6a52}
.ki-page .ki-form{background:#fffefb;border-color:#e9d7b7}
.ki-page #kurtaForm{scroll-margin-top:1.2rem}
.ki-page .ki-submit{background:linear-gradient(120deg,#d85b19,#b83d12)}
@media(max-width:760px){
  .ki-page .ki-hero{
    grid-template-columns:minmax(0,1fr) minmax(0,.95fr);
    gap:.65rem .55rem;padding:1.05rem .85rem 0
  }
  .ki-page .ki-hero-top{gap:.28rem}
  .ki-page .ki-hero-festival{font-size:1rem}
  .ki-page .ki-hero-survey{font-size:.58rem;padding:.29rem .56rem}
  .ki-page .ki-eyebrow{font-size:.53rem}
  .ki-page .ki-hero h1{
    font-size:clamp(1.6rem,6.4vw,2.45rem);
    letter-spacing:-.04em;line-height:1.04;margin:.35rem 0 .65rem
  }
  .ki-page .ki-lead{font-size:clamp(.68rem,2.65vw,.8rem);line-height:1.5;text-align:left}
  .ki-page .ki-pills{display:flex;flex-direction:column;gap:.35rem;margin-top:.75rem}
  .ki-page .ki-pills>span{font-size:.61rem;padding:.37rem .53rem}
  .ki-page .ki-art{align-self:stretch;justify-content:center}
  .ki-page .ki-photo-frame{
    width:min(100%,216px);aspect-ratio:.55;
    border-radius:46% 46% 13px 13px/13% 13% 13px 13px;
  }
  .ki-page .ki-progress-card{margin:.35rem 0 0;border-radius:17px;padding:.78rem .85rem}
  .ki-page .ki-progress-heading{gap:.45rem}
  .ki-page .ki-progress-heading h2{font-size:.91rem;margin:.12rem 0 .5rem}
  .ki-page .ki-progress-heading strong{font-size:.93rem}
  .ki-page .ki-progress-eyebrow{font-size:.54rem}
  .ki-page .ki-progress-card small{font-size:.59rem}
  .ki-page .ki-progress-message{font-size:.67rem}
  .ki-page .ki-hero-cta{min-width:0;width:94%;margin:.08rem auto 0;padding:.76rem .8rem;font-size:.88rem}
  .ki-page .ki-info-card{padding:.85rem;border-radius:16px;margin:0}
  .ki-page .ki-info-card strong{font-size:.77rem}
  .ki-page .ki-info-card p{font-size:.68rem}
  .ki-page .ki-hero-scene{height:58px;margin:0 -1rem}
  .ki-page .ki-shell{margin:.8rem auto 0}
  .ki-page .ki-form-intro strong{font-size:.83rem}
  .ki-page .ki-form-intro span{font-size:.6rem}
}
@media(max-width:370px){
  .ki-page .ki-hero{gap:.5rem .4rem;padding-inline:.7rem}
  .ki-page .ki-hero h1{font-size:1.5rem}
  .ki-page .ki-lead{font-size:.66rem}
  .ki-page .ki-pills>span{font-size:.56rem}
  .ki-page .ki-hero-festival{font-size:.88rem}
}



/* Desktop-only Kurta survey workspace: MOBILE STYLES REMAIN UNCHANGED */
.ki-desktop-tabs,.ki-responses{display:none}
.ki-responses[hidden],.ki-response-dashboard[hidden],#kiResponseDashboard[hidden]{display:none!important}
@media(min-width:1024px){
  .ki-page{
    display:grid;grid-template-columns:minmax(400px,.93fr) minmax(540px,1.07fr);
    column-gap:1rem;row-gap:.8rem;align-items:start;
    width:min(100%,1640px);max-width:1640px;margin:0 auto;
    padding:1.1rem 1.1rem 3rem;min-height:0;background:#fffaf1;
  }
  .ki-page .ki-desktop-tabs{
    display:flex;grid-column:1/-1;gap:.4rem;align-items:center;
    border:1px solid #eacba5;border-radius:17px;
    background:#fff9ee;padding:.4rem;box-shadow:0 5px 14px rgba(76,29,4,.06);
  }
  .ki-page .ki-tab{
    display:flex;justify-content:center;align-items:center;gap:.52rem;
    flex:1;border:1px solid transparent;border-radius:12px;
    background:transparent;color:#793b1b;padding:.73rem 1.2rem;
    font:800 .86rem "DM Sans",sans-serif;cursor:pointer;
  }
  .ki-page .ki-tab.active{background:#79260f;color:#fff7e8;box-shadow:0 6px 15px rgba(85,32,6,.17)}
  .ki-page .ki-tab:not(.active):hover{background:#f7e8d4}
  .ki-page .ki-tab:focus-visible{outline:3px solid #c9862a;outline-offset:1px}
  .ki-page .ki-admin-tag{font-size:.58rem;font-weight:800;color:inherit;opacity:.75;border:1px solid currentColor;padding:.14rem .4rem;border-radius:99px}
  .ki-page .ki-hero{
    display:grid;grid-column:1;grid-template-columns:minmax(0,1fr) minmax(125px,.64fr);
    gap:.52rem .55rem;align-self:start;min-height:0;
    margin:0;padding:1rem 1.05rem .95rem;border-radius:20px;
    overflow:hidden;
  }
  .ki-page .ki-hero-top{grid-column:1/-1;gap:.15rem;padding:0}
  .ki-page .ki-hero-festival{font-size:1.05rem}
  .ki-page .ki-hero-survey{font-size:.6rem}
  .ki-page .ki-hero-copy{grid-column:1;max-width:none;min-width:0;align-self:center}
  .ki-page .ki-eyebrow{font-size:.57rem;line-height:1.4}
  .ki-page .ki-hero h1{font-size:clamp(1.7rem,2.6vw,2.55rem);line-height:1.08;margin:.28rem 0 .55rem}
  .ki-page .ki-lead{font-size:.76rem;line-height:1.48}
  .ki-page .ki-pills{display:flex;flex-wrap:wrap;gap:.34rem;margin-top:.67rem}
  .ki-page .ki-pills>span{font-size:.6rem;line-height:1.35;padding:.3rem .45rem}
  .ki-page .ki-art{grid-column:2;min-height:0;align-self:center;justify-content:center;margin:0}
  .ki-page .ki-photo-frame{
    width:min(100%,198px);max-width:198px;aspect-ratio:.59;border-radius:42% 42% 14px 14px/13% 13% 14px 14px;
  }
  .ki-page .ki-progress-card{grid-column:1/-1;margin:0;padding:.78rem .87rem;border-radius:15px}
  .ki-page .ki-progress-heading h2{font-size:1.03rem;line-height:1.28;margin:.08rem 0 .42rem}
  .ki-page .ki-progress-heading strong{font-size:1.05rem}
  .ki-page .ki-progress-track{height:10px}
  .ki-page .ki-progress-message{margin:.45rem 0 .15rem;font-size:.68rem}
  .ki-page .ki-progress-card small{font-size:.6rem}
  .ki-page .ki-info-card{grid-column:1/-1;margin:0;padding:.65rem .75rem;border-radius:14px}
  .ki-page .ki-info-icon{font-size:1.1rem}
  .ki-page .ki-info-card strong{font-size:.77rem}
  .ki-page .ki-info-card p{font-size:.66rem;line-height:1.48}
  .ki-page .ki-hero-cta,.ki-page .ki-hero-scene{display:none!important}
  .ki-page .ki-shell{
    grid-column:2;grid-row:2;min-width:0;width:100%;max-width:none;
    padding:0;margin:0!important;align-self:start;
  }
  .ki-page .ki-form-intro{padding:.1rem .2rem .45rem}
  .ki-page .ki-form-intro strong{font-size:1.06rem}
  .ki-page .ki-form-intro span{font-size:.7rem}
  .ki-page .ki-form{
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:start;gap:.25rem .7rem;border-radius:17px;
    padding:.65rem .82rem .8rem;box-shadow:0 8px 26px rgba(80,40,11,.08);
  }
  .ki-page .ki-form>.ki-status{grid-column:1/-1}
  .ki-page .ki-form>.ki-section{padding:.53rem 0;border:0;min-width:0}
  .ki-page .ki-form>.ki-section:nth-of-type(1){grid-column:1/-1}
  .ki-page .ki-form>.ki-section:nth-of-type(2){grid-column:1}
  .ki-page .ki-form>.ki-section:nth-of-type(3){grid-column:2}
  .ki-page .ki-form>.ki-section:nth-of-type(4){grid-column:1}
  .ki-page .ki-form>.ki-ack{grid-column:2;align-self:center;margin:.6rem 0 .1rem;padding:.65rem;border-radius:12px}
  .ki-page .ki-form>.ki-submit,.ki-page .ki-form>.ki-submit-note{grid-column:1/-1}
  .ki-page .ki-section-head{gap:.5rem;margin-bottom:.55rem}
  .ki-page .ki-section-head>span{flex-basis:28px;height:28px;border-radius:8px;font-size:.59rem}
  .ki-page .ki-section-head h2{font-size:1.06rem;line-height:1.16}
  .ki-page .ki-section-head p{font-size:.61rem;line-height:1.38;margin-top:.18rem}
  .ki-page .ki-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.62rem}
  .ki-page .ki-grid>.ki-full{grid-column:auto}
  .ki-page .ki-field>span,.ki-page .ki-quantity-row>label{font-size:.62rem}
  .ki-page .ki-field input,.ki-page .ki-field textarea{font-size:.77rem;padding:.64rem .6rem;border-radius:10px}
  .ki-page .ki-field small{font-size:.58rem}
  .ki-page .ki-choice-grid{grid-template-columns:1fr;gap:.45rem}
  .ki-page .ki-choice>span{padding:.6rem .63rem;border-radius:12px}
  .ki-page .ki-choice b{font-size:.72rem}
  .ki-page .ki-choice small{font-size:.59rem}
  .ki-page .ki-quantity-row{padding:.47rem .57rem;margin-bottom:.55rem}
  .ki-page .ki-counter button{width:29px;height:29px;border-radius:8px}
  .ki-page .ki-total{padding:.4rem .56rem;margin:0 0 .55rem}
  .ki-page .ki-total strong{font-size:.92rem}
  .ki-page .ki-total span{font-size:.58rem}
  .ki-page .ki-size-rows{gap:.4rem}
  .ki-page .ki-size-row{padding:.5rem}
  .ki-page .ki-size-row-head{margin-bottom:.35rem}
  .ki-page .ki-size-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem}
  .ki-page .ki-size-option span{min-height:31px;font-size:.62rem;border-radius:7px}
  .ki-page .ki-size-option.wide{grid-column:span 2}
  .ki-page .ki-size-help{margin-top:.45rem;padding:0 .5rem}
  .ki-page .ki-size-help summary{font-size:.6rem;padding:.44rem 0}
  .ki-page .ki-size-help p{font-size:.58rem}
  .ki-page .ki-field textarea{min-height:63px;max-height:110px}
  .ki-page .ki-ack span{font-size:.61rem;line-height:1.48}
  .ki-page .ki-submit{margin-top:0;padding:.78rem;font-size:.83rem}
  .ki-page .ki-submit-note{margin:.2rem 0;font-size:.59rem}
  .ki-page .ki-success{max-width:none;border-radius:18px;padding:1.2rem}
  .ki-page.ki-desktop-responses .ki-hero,
  .ki-page.ki-desktop-responses .ki-shell{display:none!important}
  .ki-page .ki-responses{
    display:block;grid-column:1/-1;min-width:0;
    background:#fffdf8;border:1px solid #eacba5;border-radius:18px;
    box-shadow:0 8px 26px rgba(80,40,11,.07);padding:1.25rem 1.4rem 1.5rem;
  }
  .ki-page .ki-responses[hidden]{display:none!important}
  .ki-response-head{display:flex;justify-content:space-between;gap:1.5rem;align-items:start;margin-bottom:1rem}
  .ki-response-head h2{font:800 clamp(1.35rem,2vw,1.85rem)/1.2 "Playfair Display",serif;color:#5c210c;margin:.17rem 0 .3rem}
  .ki-response-head p{font-size:.75rem;color:#826351;margin:0;line-height:1.5}
  .ki-response-eyebrow{font-size:.6rem;letter-spacing:.09em;color:#a35a22;font-weight:900}
  .ki-response-actions{display:flex;gap:.55rem;flex-shrink:0;align-items:center}
  .ki-response-actions button{border:1px solid #d5ae80;border-radius:10px;background:#fff1d9;color:#773519;font:800 .72rem "DM Sans",sans-serif;padding:.65rem .95rem;cursor:pointer}
  .ki-response-actions button:last-child{background:#8a3214;color:#fff9ef;border-color:#8a3214}
  .ki-response-actions button:disabled{opacity:.5;cursor:not-allowed}
  .ki-response-actions button:focus-visible{outline:3px solid #d08f2f;outline-offset:1px}
  .ki-response-status{background:#f7eddb;border:1px solid #eacb9a;border-radius:12px;padding:.9rem 1rem;color:#794927;font-size:.8rem;line-height:1.55}
  .ki-response-status.ki-response-error{background:#fff1ea;border-color:#e8afa0;color:#993e2a}
  .ki-response-status[hidden]{display:none!important}
  .ki-response-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1rem 0}
  .ki-response-stats>div{background:#fff7e9;border:1px solid #eddbbf;border-radius:14px;padding:.85rem .95rem;display:flex;flex-direction:column;gap:.25rem}
  .ki-response-stats small{font-size:.68rem;font-weight:700;color:#906e57}
  .ki-response-stats strong{font-size:1.65rem;font-weight:900;color:#63280d;letter-spacing:-.04em}
  .ki-response-stats span{font-size:.58rem;color:#9a7866}
  .ki-response-sizes{display:flex;gap:1.5rem;align-items:center;justify-content:space-between;margin:0 0 1.1rem;padding:.85rem 1rem;border:1px solid #ebd7bb;border-radius:14px}
  .ki-response-sizes h3,.ki-response-table-head h3{font:800 1.08rem "Playfair Display",serif;color:#622a13;margin:0}
  .ki-response-sizes p,.ki-response-table-head p{font-size:.66rem;color:#91705d;margin:.2rem 0 0}
  .ki-size-summary{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}
  .ki-size-summary span{background:#faedd5;color:#7a3c19;border:1px solid #e8cfaa;border-radius:99px;padding:.32rem .56rem;font-size:.69rem;font-weight:800}
  .ki-response-table-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:.8rem 0}
  .ki-response-table-head label{display:flex;flex-direction:column;gap:.2rem;font-size:.64rem;color:#7c583e;font-weight:800}
  .ki-response-table-head input{width:270px;border:1px solid #e2c8a9;border-radius:10px;background:#fff;padding:.65rem;font:600 .73rem "DM Sans",sans-serif}
  .ki-response-table-scroll{max-height:min(50vh,520px);overflow:auto;border:1px solid #e8d6be;border-radius:13px}
  .ki-response-table{border-collapse:collapse;width:100%;min-width:920px;font-size:.73rem}
  .ki-response-table th{position:sticky;top:0;z-index:1;background:#f7e9d0;color:#713b1d;font-size:.66rem;font-weight:900;text-align:left;white-space:nowrap}
  .ki-response-table td,.ki-response-table th{padding:.7rem .8rem;border-bottom:1px solid #f0e3d1;vertical-align:top}
  .ki-response-table tbody tr:hover{background:#fffbf1}
  .ki-response-table td:nth-child(3){white-space:nowrap}
  .ki-response-table td:last-child{white-space:nowrap}
  .ki-response-table td .ki-interest-tag{display:inline-block;border-radius:99px;padding:.2rem .5rem;background:#ecf8e9;color:#2b6d3e;font-size:.64rem;font-weight:800}
  .ki-response-table td .ki-interest-tag.maybe{background:#fff2d6;color:#9b5b17}
}
@media(min-width:1024px) and (max-width:1160px){
  .ki-page{grid-template-columns:minmax(375px,.89fr) minmax(510px,1.11fr);padding-inline:.7rem;column-gap:.65rem}
  .ki-page .ki-hero{padding:.8rem}
  .ki-page .ki-hero h1{font-size:1.62rem}
  .ki-page .ki-lead{font-size:.68rem}
  .ki-page .ki-form{padding:.6rem;gap:.2rem .5rem}
  .ki-page .ki-photo-frame{max-width:170px}
}

/* PSOTS login-gated survey and consented resident response directory */
.ki-page [hidden]{display:none!important}
.ki-page .ki-community-list{
  background:#fffdf8;border:1px solid #eed4ad;border-radius:22px;
  box-shadow:0 10px 35px rgba(82,43,14,.07);padding:1.15rem;margin-bottom:.85rem;
}
.ki-page .ki-community-head{display:flex;justify-content:space-between;align-items:center;gap:.7rem}
.ki-page .ki-community-kicker{font-size:.57rem;color:#ab5b20;font-weight:900;letter-spacing:.1em}
.ki-page .ki-community-head h2{font:800 1.37rem "Playfair Display",serif;margin:.15rem 0 .28rem;color:#572312}
.ki-page .ki-community-head p{font-size:.7rem;color:#816956;line-height:1.55;margin:.1rem 0}
.ki-page .ki-community-total{white-space:nowrap;font-size:.73rem;font-weight:900;color:#762f13;padding:.5rem .65rem;background:#fff0d8;border-radius:999px}
.ki-page .ki-list-status{font-size:.72rem;color:#7b543a;margin:.8rem 0 .55rem;line-height:1.4}
.ki-page .ki-directory-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.ki-page .ki-directory-person{display:flex;align-items:center;gap:.55rem;min-width:0;border:1px solid #efe0c9;background:#fffaf2;border-radius:12px;padding:.65rem}
.ki-page .ki-person-initial{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-weight:900;color:#813515;background:#ffdfac}
.ki-page .ki-person-details{flex:1;min-width:0;display:grid;gap:.13rem}
.ki-page .ki-person-details strong{font-size:.73rem;color:#5e2d1b;overflow-wrap:anywhere}
.ki-page .ki-person-details small{font-size:.61rem;color:#856c5e}
.ki-page .ki-person-interest{flex:none;border:1px solid #b4d8ae;color:#2f7241;background:#eef8ec;border-radius:999px;font-weight:800;padding:.25rem .4rem;font-size:.62rem}
.ki-page .ki-person-interest.ki-maybe{color:#895b24;background:#fff2dc;border-color:#ecd4ad}
.ki-page .ki-directory-more{margin-top:.7rem;background:#fff4e6;border:1px solid #e9ccaa;border-radius:9px;color:#7c3d18;padding:.55rem .8rem;font-size:.73rem;font-weight:800;cursor:pointer}
.ki-page .ki-directory-privacy{color:#897565;font-size:.64rem;line-height:1.55;margin:.75rem 0 0}
.ki-page .ki-login-gate{text-align:center;background:#fffdf7;border:1px solid #eed4b7;border-radius:22px;padding:1.65rem 1.1rem;margin-bottom:.9rem;box-shadow:0 9px 26px rgba(81,39,9,.07)}
.ki-page .ki-gate-icon{font-size:1.7rem}
.ki-page .ki-login-gate h2{font:800 1.35rem "Playfair Display",serif;color:#502213;margin:.5rem 0}
.ki-page .ki-login-gate p{font-size:.78rem;line-height:1.55;color:#826958;max-width:500px;margin:.55rem auto 1rem}
.ki-page .ki-gate-button{display:inline-flex;align-items:center;justify-content:center;padding:.87rem 1.15rem;background:linear-gradient(115deg,#b74312,#85240c);border:1px solid #be7228;border-radius:13px;color:#fff!important;text-decoration:none!important;font-weight:900;font-size:.81rem}
.ki-page .ki-gate-footnote{font-size:.65rem!important;margin-top:.8rem!important}
.ki-page .ki-signedin{font-size:.7rem;color:#326b3e;background:#f1faf1;border:1px solid #d4e9d3;border-radius:10px;padding:.65rem .85rem;margin-bottom:.75rem;font-weight:800}
.ki-page .ki-community-consent{background:#fff9ed;border-color:#ebd5ae;margin-top:1rem}
.ki-page .ki-community-consent span{color:#6c4f36}
.ki-page .ki-community-consent strong{color:#6b300d}
@media(max-width:760px){
  .ki-page .ki-community-list{padding:.85rem;border-radius:17px}
  .ki-page .ki-community-head h2{font-size:1.15rem}
  .ki-page .ki-community-head p{font-size:.65rem}
  .ki-page .ki-community-total{font-size:.61rem;padding:.37rem .46rem}
  .ki-page .ki-directory-rows{grid-template-columns:1fr;gap:.45rem}
  .ki-page .ki-directory-person{padding:.57rem}
  .ki-page .ki-login-gate{border-radius:17px;padding:1.1rem}
  .ki-page .ki-login-gate h2{font-size:1.22rem}
  .ki-page .ki-gate-button{width:100%}
}

.ki-page .ki-responses-shortcut{display:block;width:max-content;max-width:100%;margin:.25rem auto .75rem;color:#853910;font-size:.75rem;font-weight:800;text-align:center;text-decoration:underline;text-underline-offset:3px}
.ki-page .ki-community-list{scroll-margin-top:1rem}


/* Responsive size picker: preserve existing mobile buttons and behaviour. */
.ki-page .ki-size-select-wrap{display:none}

/* Desktop usability pass, 2026: use the available width instead of the
   previous 1640px cap, and avoid tiny labels in the split form. */
@media(min-width:1024px){
  .ki-page{
    box-sizing:border-box;
    width:calc(100% - 2.5rem);
    max-width:none;
    margin:0 auto;
    padding:1rem 0 2.5rem;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);
    column-gap:clamp(1rem,1.8vw,2rem);
    row-gap:1rem;
    align-items:start;
  }
  .ki-page .ki-desktop-tabs{
    width:100%;
    padding:.5rem;
    border-radius:18px;
  }
  .ki-page .ki-tab{font-size:1.05rem;padding:.9rem 1.3rem}
  .ki-page .ki-admin-tag{font-size:.78rem;padding:.22rem .5rem}
  .ki-page .ki-hero{
    width:100%;
    padding:clamp(1.2rem,1.5vw,2rem);
    gap:.8rem;
    grid-template-columns:minmax(0,1fr) minmax(150px,.72fr);
    min-height:min(78vh,860px);
    align-content:start;
    border-radius:22px;
  }
  .ki-page .ki-hero-top{gap:.3rem;margin-bottom:.35rem}
  .ki-page .ki-hero-festival{font-size:clamp(1.3rem,1.5vw,1.8rem)}
  .ki-page .ki-hero-survey{font-size:.84rem;padding:.42rem .8rem}
  .ki-page .ki-eyebrow{font-size:.82rem;line-height:1.4}
  .ki-page .ki-hero h1{
    font-size:clamp(2.35rem,3vw,3.7rem);
    line-height:1.05;
    margin:.55rem 0 .85rem;
  }
  .ki-page .ki-lead{font-size:clamp(.96rem,1.1vw,1.17rem);line-height:1.55}
  .ki-page .ki-pills{gap:.55rem;margin-top:1rem}
  .ki-page .ki-pills>span{font-size:.88rem;padding:.48rem .72rem}
  .ki-page .ki-photo-frame{width:min(100%,275px);max-width:275px}
  .ki-page .ki-progress-card{padding:1.1rem 1.25rem;border-radius:17px}
  .ki-page .ki-progress-eyebrow{font-size:.76rem}
  .ki-page .ki-progress-heading h2{font-size:1.34rem;margin:.22rem 0 .48rem}
  .ki-page .ki-progress-heading strong{font-size:1.38rem}
  .ki-page .ki-progress-track{height:15px}
  .ki-page .ki-progress-message{font-size:.95rem;line-height:1.45}
  .ki-page .ki-progress-card small{font-size:.82rem;line-height:1.4}
  .ki-page .ki-info-card{padding:1rem 1.1rem;border-radius:16px;gap:.8rem}
  .ki-page .ki-info-icon{font-size:1.45rem}
  .ki-page .ki-info-card strong{font-size:1.02rem}
  .ki-page .ki-info-card p{font-size:.93rem;line-height:1.5}
  .ki-page .ki-shell{min-width:0;width:100%;max-width:none}
  .ki-page .ki-form-intro{padding:.18rem .25rem .75rem}
  .ki-page .ki-form-intro strong{font-size:1.3rem}
  .ki-page .ki-form-intro span{font-size:.93rem}
  .ki-page .ki-form{
    width:100%;
    padding:clamp(1rem,1.25vw,1.4rem);
    gap:.6rem 1rem;
    border-radius:20px;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .ki-page .ki-form>.ki-section{padding:.65rem 0}
  .ki-page .ki-section-head{gap:.65rem;margin-bottom:.78rem}
  .ki-page .ki-section-head>span{flex-basis:35px;height:35px;font-size:.8rem}
  .ki-page .ki-section-head h2{font-size:1.35rem;line-height:1.18}
  .ki-page .ki-section-head p{font-size:.88rem;line-height:1.45}
  .ki-page .ki-grid{gap:.85rem}
  .ki-page .ki-field>span,.ki-page .ki-quantity-row>label{
    font-size:.93rem;line-height:1.4;
  }
  .ki-page .ki-field input,.ki-page .ki-field textarea{
    font-size:1rem;padding:.8rem .78rem;border-radius:12px;min-height:45px;
  }
  .ki-page .ki-field small{font-size:.8rem;line-height:1.45}
  .ki-page .ki-choice-grid{gap:.65rem}
  .ki-page .ki-choice>span{padding:.85rem;border-radius:13px}
  .ki-page .ki-choice b{font-size:1rem}
  .ki-page .ki-choice small{font-size:.83rem;line-height:1.4}
  .ki-page .ki-quantity-row{padding:.65rem .75rem;margin-bottom:.65rem}
  .ki-page .ki-counter button{width:39px;height:39px;font-size:1.2rem}
  .ki-page .ki-counter output{font-size:1.13rem}
  .ki-page .ki-total{padding:.58rem .78rem;margin-bottom:.65rem}
  .ki-page .ki-total span{font-size:.82rem}
  .ki-page .ki-total strong{font-size:1.27rem}
  .ki-page .ki-size-rows{gap:.45rem}
  .ki-page .ki-size-row{
    padding:.5rem .7rem;display:flex;gap:.9rem;
    align-items:center;justify-content:space-between;border-radius:12px;
  }
  .ki-page .ki-size-row-head{margin:0;display:flex;flex-direction:column;align-items:start;gap:.12rem}
  .ki-page .ki-size-row-head strong{font-size:.94rem}
  .ki-page .ki-size-row-head span{font-size:.74rem}
  .ki-page .ki-size-options{display:none}
  .ki-page .ki-size-select-wrap{display:block;min-width:170px;max-width:55%;flex:0 1 240px}
  .ki-page .ki-size-select-wrap>span{
    position:absolute;width:1px;height:1px;overflow:hidden;
    clip:rect(0,0,0,0);white-space:nowrap;
  }
  .ki-page .ki-size-select{
    display:block;min-height:44px;width:100%;max-width:100%;
    padding:.6rem 2rem .6rem .75rem;
    border:1.5px solid #dfc4a2;border-radius:10px;
    background-color:#fffdf8;color:#603019;
    font:800 .98rem "DM Sans",sans-serif;
    cursor:pointer;
  }
  .ki-page .ki-size-select:focus-visible{
    outline:3px solid rgba(218,112,43,.3);
    border-color:#c56924;outline-offset:2px;
  }
  .ki-page .ki-size-help{margin-top:.55rem;padding:.08rem .75rem}
  .ki-page .ki-size-help summary{font-size:.86rem;padding:.6rem 0}
  .ki-page .ki-size-help p{font-size:.8rem}
  .ki-page .ki-field textarea{min-height:85px;max-height:200px}
  .ki-page .ki-ack{padding:.85rem}
  .ki-page .ki-ack span{font-size:.85rem;line-height:1.5}
  .ki-page .ki-submit{font-size:1.06rem;padding:1rem;border-radius:13px}
  .ki-page .ki-submit-note{font-size:.78rem;margin:.35rem 0}
  .ki-page .ki-login-gate{padding:2rem}
  .ki-page .ki-login-gate h2{font-size:1.65rem}
  .ki-page .ki-login-gate p{font-size:1rem}
  .ki-page .ki-gate-button{font-size:1.03rem}
  .ki-page .ki-signedin{font-size:.96rem}
  .ki-page .ki-community-list{padding:1.2rem}
  .ki-page .ki-community-head h2{font-size:1.55rem}
  .ki-page .ki-community-head p,.ki-page .ki-list-status{font-size:.88rem}
  .ki-page .ki-community-total{font-size:.9rem}
  .ki-page .ki-directory-person{padding:.78rem}
  .ki-page .ki-person-details strong{font-size:.93rem}
  .ki-page .ki-person-details small{font-size:.8rem}
  .ki-page .ki-person-interest{font-size:.78rem}
  .ki-page .ki-responses{padding:1.7rem}
  .ki-response-head h2{font-size:2rem}
  .ki-response-head p,.ki-response-status{font-size:1rem}
  .ki-response-actions button{font-size:.92rem;padding:.75rem 1rem}
  .ki-response-stats small{font-size:.86rem}
  .ki-response-stats strong{font-size:2rem}
  .ki-response-sizes h3,.ki-response-table-head h3{font-size:1.26rem}
  .ki-size-summary span{font-size:.9rem}
  .ki-response-table-head label{font-size:.84rem}
  .ki-response-table-head input{font-size:.95rem}
  .ki-response-table{font-size:.92rem}
  .ki-response-table th{font-size:.85rem}
  .ki-response-table td,.ki-response-table th{padding:.8rem .9rem}
  .ki-response-table td .ki-interest-tag{font-size:.82rem}
}
/* On smaller desktop browser windows, prioritize readability over
   forcing two tiny sections side by side. Mobile CSS is not modified. */
@media(min-width:1024px) and (max-width:1279px){
  .ki-page{width:calc(100% - 1.5rem);grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);column-gap:.75rem}
  .ki-page .ki-hero{grid-template-columns:minmax(0,1fr) minmax(100px,.5fr);padding:1rem;min-height:0}
  .ki-page .ki-hero h1{font-size:clamp(1.9rem,2.6vw,2.45rem)}
  .ki-page .ki-photo-frame{max-width:195px}
  .ki-page .ki-form{grid-template-columns:1fr}
  .ki-page .ki-form>.ki-section:nth-of-type(n),
  .ki-page .ki-form>.ki-ack,
  .ki-page .ki-form>.ki-submit,
  .ki-page .ki-form>.ki-submit-note{grid-column:1/-1}
  .ki-page .ki-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ki-page .ki-grid>.ki-full{grid-column:1/-1}
}


/* Committee response tab on phones and tablets.
   This only styles the new tab and admin response panel; the existing
   resident hero, form, kurta artwork and bottom nav remain untouched. */
@media (max-width:1023px) {
  .ki-page .ki-desktop-tabs {
    display:flex;
    gap:.5rem;
    align-items:stretch;
    width:calc(100% - 1.2rem);
    margin:.65rem auto .7rem;
    padding:.36rem;
    background:#fff9ed;
    border:1px solid #ebcfaa;
    border-radius:15px;
    box-shadow:0 4px 14px rgba(78,31,5,.07);
  }
  .ki-page .ki-tab {
    flex:1;min-width:0;min-height:46px;
    display:flex;align-items:center;justify-content:center;gap:.36rem;
    border:1px solid transparent;border-radius:11px;
    padding:.55rem .4rem;
    background:transparent;color:#71351a;
    font:800 clamp(.76rem,2.9vw,.98rem) "DM Sans",sans-serif;
    cursor:pointer;
  }
  .ki-page .ki-tab.active {
    background:#7b260e;color:#fff7e8;
    box-shadow:0 4px 12px rgba(84,26,6,.16);
  }
  .ki-page .ki-tab:focus-visible {
    outline:3px solid #d99b35;outline-offset:2px;
  }
  .ki-page .ki-admin-tag {
    font-size:.62rem;line-height:1.1;font-weight:800;
    opacity:.85;border:1px solid currentColor;
    border-radius:99px;padding:.18rem .32rem;
  }
  .ki-page.ki-desktop-responses .ki-hero,
  .ki-page.ki-desktop-responses .ki-shell {
    display:none!important;
  }
  .ki-page .ki-responses {
    display:block;
    min-width:0;
    width:calc(100% - 1.2rem);
    margin:0 auto 6.5rem;
    padding:1rem;
    background:#fffdf8;
    border:1px solid #e8d3b3;
    border-radius:18px;
    box-shadow:0 7px 22px rgba(67,35,13,.07);
  }
  .ki-page .ki-responses[hidden],
  .ki-page #kiResponseDashboard[hidden],
  .ki-page #kiResponseStatus[hidden] {
    display:none!important;
  }
  .ki-page .ki-response-head{
    display:flex;flex-direction:column;align-items:stretch;
    gap:.9rem;margin-bottom:1rem;
  }
  .ki-page .ki-response-eyebrow{
    font-size:.7rem;letter-spacing:.065em;font-weight:900;
    color:#aa5b19;
  }
  .ki-page .ki-response-head h2{
    margin:.22rem 0 .45rem;
    font:800 clamp(1.4rem,5vw,1.8rem)/1.2 "Playfair Display",serif;
    color:#5d2712;
  }
  .ki-page .ki-response-head p{
    font-size:.84rem;line-height:1.5;color:#806250;margin:0;
  }
  .ki-page .ki-response-actions{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
  .ki-page .ki-response-actions button {
    padding:.8rem .6rem;min-height:44px;min-width:0;
    font:800 .83rem "DM Sans",sans-serif;
    border:1px solid #d4b187;border-radius:11px;
    background:#fff1db;color:#743c1b;
    cursor:pointer;
  }
  .ki-page .ki-response-actions button:last-child{
    background:#82300f;color:#fff7e8;border-color:#82300f;
  }
  .ki-page .ki-response-actions button:disabled{opacity:.48;cursor:not-allowed}
  .ki-page .ki-response-status{
    padding:.8rem .9rem;font-size:.85rem;line-height:1.5;
    color:#734322;background:#fff3df;border:1px solid #efd8b5;border-radius:12px;
  }
  .ki-page .ki-response-status.ki-response-error {
    background:#fff2ed;border-color:#e9b7a7;color:#993c2c;
  }
  .ki-page .ki-response-stats {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.6rem;margin:.95rem 0;
  }
  .ki-page .ki-response-stats>div {
    display:flex;flex-direction:column;gap:.2rem;
    min-width:0;padding:.85rem .75rem;
    border:1px solid #ead9bf;border-radius:13px;background:#fff8ec;
  }
  .ki-page .ki-response-stats small{font-size:.75rem;line-height:1.35;color:#826349;font-weight:700}
  .ki-page .ki-response-stats strong{font-size:1.58rem;line-height:1.15;font-weight:900;color:#69290f}
  .ki-page .ki-response-stats span{font-size:.67rem;color:#80644d}
  .ki-page .ki-response-sizes {
    display:block;margin:0 0 1rem;
    padding:.92rem;border:1px solid #e9d5b8;border-radius:13px;
  }
  .ki-page .ki-response-sizes h3,
  .ki-page .ki-response-table-head h3{
    font:800 1.15rem "Playfair Display",serif;color:#612c14;margin:0;
  }
  .ki-page .ki-response-sizes p,
  .ki-page .ki-response-table-head p{
    font-size:.77rem;color:#8a6d5a;margin:.2rem 0 0;
  }
  .ki-page .ki-size-summary{
    display:flex;justify-content:flex-start;flex-wrap:wrap;
    gap:.43rem;margin-top:.8rem;
  }
  .ki-page .ki-size-summary span{
    font-size:.8rem;font-weight:800;
    padding:.34rem .53rem;border:1px solid #e9ceaa;
    border-radius:99px;background:#ffefcf;color:#7c3915;
  }
  .ki-page .ki-response-table-head{
    display:flex;flex-direction:column;align-items:stretch;
    gap:.65rem;margin:.8rem 0;
  }
  .ki-page .ki-response-table-head label{
    display:flex;flex-direction:column;gap:.32rem;
    font-size:.81rem;font-weight:800;color:#755037;
  }
  .ki-page .ki-response-table-head input{
    width:100%;min-height:44px;
    border:1px solid #dec5a5;border-radius:10px;padding:.7rem .75rem;
    background:#fff;font:600 .91rem "DM Sans",sans-serif;
  }
  .ki-page .ki-response-table-scroll{
    width:100%;max-height:none;overflow:visible;
    border:0;border-radius:0;
  }
  .ki-page .ki-response-table{
    display:block;min-width:0;width:100%;border:0;
  }
  .ki-page .ki-response-table thead{display:none}
  .ki-page .ki-response-table tbody{
    display:grid;grid-template-columns:1fr;gap:.78rem;
  }
  .ki-page .ki-response-table tbody tr {
    display:flex;flex-direction:column;min-width:0;overflow:hidden;
    background:#fffaf2;border:1px solid #ead8bb;border-radius:13px;
    box-shadow:0 3px 12px rgba(72,35,10,.04);
  }
  .ki-page .ki-response-table td{
    display:flex;align-items:baseline;justify-content:space-between;
    gap:.7rem;width:100%;padding:.6rem .85rem;
    border-bottom:1px solid #f1e3ce;
    font-size:.85rem;line-height:1.4;color:#4c291b;
    overflow-wrap:anywhere;white-space:normal!important;text-align:right;
  }
  .ki-page .ki-response-table td:last-child{border-bottom:0}
  .ki-page .ki-response-table td::before{
    content:attr(data-label);
    flex:none;min-width:80px;max-width:110px;
    text-align:left;font-size:.74rem;font-weight:900;color:#866249;
  }
  .ki-page .ki-response-table td:first-child{
    background:#f9ead4;font-weight:800;font-size:.99rem;color:#552513;
  }
  .ki-page .ki-response-table td .ki-interest-tag{
    display:inline-block;border-radius:99px;
    padding:.25rem .5rem;background:#eaf6e7;color:#2b713e;
    font-size:.8rem;font-weight:800;
  }
  .ki-page .ki-response-table td .ki-interest-tag.maybe{
    background:#fff0d5;color:#92581e;
  }
  .ki-page .ki-response-table tr.ki-empty-result td {
    justify-content:center;text-align:center;
    background:transparent;border:0;color:#765b46;font-size:.9rem;
  }
  .ki-page .ki-response-table tr.ki-empty-result td::before{display:none}
}
