:root{
  --ivory:#FBF4E6; --sand:#F1E3C8; --sand-deep:#E6D0A8; --gold:#B8862B; --gold-soft:#D9B568;
  --saffron:#D8641C; --saffron-deep:#B24E10; --maroon:#5E1A10; --maroon-deep:#3D0F08;
  --ink:#2B1A10; --ink-soft:#6A5238; --card:#FFFDF8; --on-dark:#FBEFD9;
  --display:"Rozha One",Georgia,"Times New Roman",serif;
  --body:"Mukta","Noto Sans Devanagari",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){--ivory:#1C110B;--sand:#26170F;--sand-deep:#3A2517;--card:#2A1A11;--ink:#F5E8D2;--ink-soft:#CDB594;--maroon:#F0C27A;--gold:#D9B568}
}
:root[data-theme="dark"]{--ivory:#1C110B;--sand:#26170F;--sand-deep:#3A2517;--card:#2A1A11;--ink:#F5E8D2;--ink-soft:#CDB594;--maroon:#F0C27A;--gold:#D9B568}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 68px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--body);font-size:1.075rem;line-height:1.65}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:3px solid var(--saffron);outline-offset:3px}
.wrap{max-width:1160px;margin:0 auto;padding:0 1.25rem}
h1,h2,h3,h4{line-height:1.15}
.display{font-family:var(--display);font-weight:400}

/* carved rule: two gold lines with a lotus bead, used only between major chapters */
.rule{display:flex;align-items:center;gap:1rem;color:var(--gold);margin:0 auto 1.4rem;max-width:220px}
.rule::before,.rule::after{content:"";flex:1;height:0;border-top:1px solid currentColor;box-shadow:0 3px 0 -2px currentColor}
.rule span{width:10px;height:10px;transform:rotate(45deg);background:currentColor}
.chapter-head{text-align:center;max-width:44rem;margin:0 auto 3rem}
.chapter-head .kicker{font-family:var(--display);color:var(--saffron);font-size:1.35rem;margin:0}
.chapter-head h1,.chapter-head h2{font-family:var(--display);font-weight:400;color:var(--maroon);font-size:clamp(2.1rem,4.6vw,3.2rem);margin:.2rem 0 .8rem}
.chapter-head p{color:var(--ink-soft);margin:0;font-size:1.15rem}
section{padding:5.5rem 0}

/* buttons */
.btn{display:inline-block;padding:.85rem 1.5rem;border-radius:999px;font-weight:700;text-decoration:none;border:0;font:inherit;font-weight:700;cursor:pointer}
.btn-saffron{background:var(--saffron);color:#fff}
.btn-saffron:hover{background:var(--saffron-deep)}
.btn-line{border:2px solid var(--gold-soft);color:var(--on-dark)}
.btn-wa{background:#1FA855;color:#fff}

/* nav */
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--maroon-deep);color:var(--on-dark);border-bottom:2px solid var(--gold)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px;gap:1rem}
.brand{font-family:var(--display);font-size:1.4rem;text-decoration:none;color:var(--on-dark)}
.brand span{color:var(--gold-soft)}
.links{display:flex;gap:1.5rem;font-weight:500;font-size:.98rem}
.links a{text-decoration:none;color:#E9D6B6}
.links a:hover{color:#fff}
.nav .btn{padding:.5rem 1.1rem;font-size:.95rem}
@media (max-width:900px){.links{display:none}}

/* 1 hero */
.hero{background:radial-gradient(ellipse at 75% 30%,#7A2A12 0%,var(--maroon-deep) 60%);color:var(--on-dark);padding:4rem 0 4.5rem;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}
.hero-kicker{font-family:var(--display);color:var(--gold-soft);font-size:1.4rem;margin:0 0 .8rem}
.hero-title{font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,6vw,4.6rem);line-height:1.12;margin:0}
.hero-sub{font-size:clamp(1.1rem,1.9vw,1.35rem);margin:1rem 0 0;color:#EBD8B8}
.hero-name{margin:2rem 0 0;font-weight:700;font-size:1.3rem}
.hero-name small{display:block;font-weight:400;font-size:1rem;color:#DCC6A2;margin-top:.2rem}
.hero-btns{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}
.temple-frame{margin:0;position:relative}
.temple-frame img{width:100%;border-radius:10px;box-shadow:0 30px 60px rgba(0,0,0,.45)}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr;gap:2.5rem}.temple-frame{max-width:460px;margin:0 auto}}

/* 2 meet */
.meet{background:var(--sand)}
.meet .grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:3.5rem;align-items:start}
.portrait{margin:0;background:#F61418;border-radius:10px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;align-self:start;position:sticky;top:90px}
.portrait img{width:100%;max-width:560px}
.meet-quote{margin:0 0 2rem;padding:1.4rem 1.6rem;background:var(--card);border-left:4px solid var(--saffron)}
.meet-quote p{margin:0;font-family:var(--display);font-size:clamp(1.35rem,2.6vw,1.8rem);line-height:1.35;color:var(--maroon)}
.meet-quote .tr{font-family:var(--body);font-size:1rem;color:var(--ink-soft);margin-top:.5rem;line-height:1.5}
.meet h2{font-family:var(--display);font-weight:400;color:var(--maroon);font-size:clamp(2rem,4vw,2.8rem);margin:0 0 1rem}
.meet p{max-width:62ch}
.roles{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:.7rem}
.roles li{padding:.9rem 1.1rem;background:var(--card);border:1px solid var(--sand-deep);font-weight:500}
@media (max-width:860px){.meet .grid{grid-template-columns:1fr;gap:2.5rem}.portrait{position:static}}

/* 3 mandir */
.mandir{background:var(--ivory)}
.mandir-top{display:grid;grid-template-columns:.75fr 1.25fr;gap:3.5rem;align-items:center}
.ram-img{margin:0}
.ram-img img{width:100%;max-width:440px;margin:0 auto;border-radius:10px;box-shadow:0 24px 50px rgba(61,15,8,.3)}
.mandir-text h3{font-family:var(--display);font-weight:400;color:var(--maroon);font-size:clamp(1.8rem,3.4vw,2.4rem);margin:0 0 1rem}
.mandir-text p{max-width:60ch}
.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1.1rem 2rem;margin:2rem 0 0;padding:1.5rem 1.7rem;background:var(--card);border:1px solid var(--sand-deep);border-top:4px solid var(--gold)}
.facts dt{font-size:.9rem;color:var(--ink-soft)}
.facts dd{margin:.1rem 0 0;font-weight:700;font-size:1.1rem}
.facts .wide{grid-column:1/-1}
@media (max-width:860px){.mandir-top{grid-template-columns:1fr;gap:2rem}}
@media (max-width:560px){.facts{grid-template-columns:1fr}}
.sub-title{font-family:var(--display);font-weight:400;color:var(--maroon);font-size:1.8rem;margin:4.5rem 0 1.5rem}
.why{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.why div{background:var(--card);padding:1.5rem;border:1px solid var(--sand-deep);border-top:4px solid var(--saffron)}
.why h4{margin:0 0 .4rem;font-size:1.15rem}
.why p{margin:0;color:var(--ink-soft)}
@media (max-width:860px){.why{grid-template-columns:1fr}}

/* devotional quote band */
.ram{background:var(--maroon-deep);color:var(--on-dark);text-align:center;padding:5rem 0;border-top:2px solid var(--gold);border-bottom:2px solid var(--gold)}
.ram blockquote{margin:0 auto;max-width:820px}
.ram p{font-family:var(--display);font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.25;margin:0;color:#F7DFA8}
.ram cite{display:block;font-style:normal;margin-top:1.2rem;color:#D8C29E}
.ram .rule{color:var(--gold-soft);margin-bottom:2rem}

/* road rail */
.rail{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:1.4rem;position:relative}
.rail::before{content:"";position:absolute;left:0;right:0;top:2.55rem;border-top:2px solid var(--gold)}
.rail li{position:relative}
.rail .when{display:block;font-weight:700;color:var(--ink-soft);font-size:.95rem;height:1.6rem}
.rail .node{display:block;width:18px;height:18px;transform:rotate(45deg);background:var(--ivory);border:3px solid var(--gold);margin:.6rem 0 1.1rem 2px;position:relative}
.rail h4{margin:0 0 .3rem;font-size:1.15rem;color:var(--maroon)}
.rail p{margin:0;color:var(--ink-soft);font-size:.98rem}
.rail .key .when{color:var(--saffron)}
.rail .key .node{background:var(--saffron);border-color:var(--saffron);width:24px;height:24px;margin-top:.3rem;margin-bottom:.9rem;box-shadow:0 0 0 6px rgba(216,100,28,.2)}
.rail .key h4{color:var(--saffron)}
@media (max-width:860px){
  .rail{grid-template-columns:1fr;gap:0;padding-left:2.6rem}
  .rail::before{top:0;bottom:0;left:1.1rem;right:auto;border-top:0;border-left:2px solid var(--gold)}
  .rail li{padding:0 0 1.8rem}
  .rail .when{height:auto}
  .rail .node{position:absolute;left:-1.95rem;top:.2rem;margin:0}
  .rail .key .node{left:-2.15rem;top:.05rem;margin:0}
  .rail h4{margin-top:.2rem}
}

/* 4 journey */
.journey{background:var(--sand)}
.timeline{list-style:none;margin:0 auto;padding:0;border-left:3px solid var(--gold);max-width:760px}
.timeline li{position:relative;padding:0 0 2rem 2rem}
.timeline li::before{content:"";position:absolute;left:-10px;top:.5rem;width:17px;height:17px;transform:rotate(45deg);background:var(--sand);border:3px solid var(--saffron)}
.timeline .yr{font-family:var(--display);font-size:1.45rem;color:var(--maroon)}
.timeline p{margin:.2rem 0 0;max-width:58ch}
.next-box{margin:1rem auto 0;padding:1.4rem 1.6rem;background:var(--card);max-width:760px;border-left:4px solid var(--saffron)}

/* 5 shaktija */
.shaktija{background:var(--ivory)}
.bridge{font-family:var(--display);font-size:clamp(1.5rem,3vw,2.1rem);color:var(--saffron);text-align:center;margin:0 auto 3rem;max-width:30ch}
.sk-head{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:end;margin-bottom:3rem}
.meaning{font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,6vw,4.2rem);line-height:1;margin:0;color:var(--maroon)}
.meaning span{display:block;font-family:var(--body);font-size:1.1rem;color:var(--ink-soft);margin-top:.6rem;font-weight:500}
@media (max-width:860px){.sk-head{grid-template-columns:1fr;gap:1rem}}
.life{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.phase{background:var(--card);border:1px solid var(--sand-deep);padding:1.6rem 1.5rem}
.phase.first{background:var(--maroon-deep);color:var(--on-dark);border-color:var(--maroon-deep)}
.phase-tag{font-family:var(--display);font-size:1.6rem;margin:0;color:var(--maroon)}
.phase.first .phase-tag{color:#F7DFA8}
.phase-note{margin:.3rem 0 1.4rem;color:var(--ink-soft);font-size:1rem;min-height:3.2em}
.phase.first .phase-note{color:#E3CBA5}
.phase ol{list-style:none;margin:0;padding:0 0 0 1.6rem;border-left:2px solid var(--gold);display:grid;gap:1.2rem}
.phase li{position:relative}
.phase li::before{content:"";position:absolute;left:calc(-1.6rem - 7px);top:.35rem;width:12px;height:12px;transform:rotate(45deg);background:var(--gold)}
.phase.first li::before{background:var(--saffron)}
.phase h4{margin:0;font-size:1.12rem}
.phase p{margin:.15rem 0 0;font-size:.98rem;color:var(--ink-soft)}
.phase.first p{color:#E3CBA5}
.phase.first h4{color:#fff}
@media (max-width:900px){.life{grid-template-columns:1fr}.phase-note{min-height:0}}
.bihar{margin-top:3rem;background:var(--sand);padding:2.4rem 2rem;border-top:4px solid var(--saffron)}
.bihar h3{font-family:var(--display);font-weight:400;font-size:2rem;margin:0 0 1.5rem;color:var(--maroon)}
.asks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.asks b{font-family:var(--display);font-weight:400;font-size:3rem;line-height:1;color:var(--saffron)}
.asks h4{margin:.4rem 0 .3rem;font-size:1.2rem}
.asks p{margin:0;color:var(--ink-soft)}
@media (max-width:760px){.asks{grid-template-columns:1fr}}
.bihar .status{font-size:.92rem;color:var(--ink-soft);margin:1.6rem 0 0}
.tracks{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
.tracks div{padding:1.5rem;background:var(--sand);border-left:4px solid var(--gold)}
.tracks h4{font-family:var(--display);font-weight:400;font-size:1.45rem;margin:0 0 .3rem;color:var(--maroon)}
.tracks p{margin:0;color:var(--ink-soft)}
.principles{margin-top:2rem;color:var(--ink-soft)}
@media (max-width:720px){.tracks{grid-template-columns:1fr}}

/* vision */
.vision{background:linear-gradient(180deg,var(--saffron) 0%,var(--saffron-deep) 100%);color:#fff;text-align:center;padding:5rem 0}
.vision blockquote{margin:0 auto;max-width:32ch;font-family:var(--display);font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.3}
.vision p{margin:1.4rem 0 0;opacity:.9}

/* 6 news */
.news{list-style:none;margin:0;padding:0;border-top:1px solid var(--sand-deep)}
.news li{border-bottom:1px solid var(--sand-deep)}
.news a{display:grid;grid-template-columns:12rem 1fr;gap:1.5rem;padding:1.2rem 0;text-decoration:none}
.news a:hover .hl{color:var(--saffron)}
.news .meta{color:var(--ink-soft);font-size:.95rem}
.news .meta b{display:block;color:var(--ink);font-weight:700}
.news .hl{font-size:1.2rem;font-weight:500;line-height:1.4}
.news-group{font-family:var(--display);font-weight:400;color:var(--maroon);font-size:1.5rem;margin:2.5rem 0 .8rem}
.news-group:first-of-type{margin-top:0}
@media (max-width:640px){.news a{grid-template-columns:1fr;gap:.3rem}}


/* ===== presentation v4 ===== */
.lead{font-size:1.3rem;line-height:1.5;color:var(--ink);font-weight:500}
.chips{list-style:none;margin:1.2rem 0 1.6rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.chips li{padding:.35rem .9rem;border:1px solid var(--gold);border-radius:999px;font-size:.95rem;font-weight:500;color:var(--maroon);background:var(--card)}
.roles-title{margin:2.2rem 0 .8rem!important;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}
.roles2{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.roles2 li{border-top:3px solid var(--gold);padding-top:.8rem}
.roles2 b{display:block;font-family:var(--display);font-weight:400;font-size:1.35rem;color:var(--maroon)}
.roles2 span{display:block;color:var(--ink-soft);font-size:.95rem;line-height:1.45;margin-top:.2rem}
@media (max-width:640px){.roles2{grid-template-columns:1fr}}

.mandir-text .lead{font-family:var(--display);font-weight:400;font-size:clamp(1.4rem,2.6vw,1.8rem);line-height:1.3;color:var(--maroon)}
.plaque{margin-top:3rem;background:var(--maroon-deep);color:#F7DFA8;padding:2.2rem 2rem 2rem;border-radius:6px;box-shadow:inset 0 0 0 1px var(--gold-soft),inset 0 0 0 7px var(--maroon-deep),inset 0 0 0 8px rgba(217,181,104,.55),0 20px 40px rgba(61,15,8,.25);text-align:center}
.plaque-status{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1.8rem;padding:.35rem 1rem;border-radius:999px;background:rgba(242,165,22,.15);color:#FFD27A;font-weight:500;font-size:.95rem}
.dot{width:9px;height:9px;border-radius:50%;background:#F2A516;box-shadow:0 0 0 0 rgba(242,165,22,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(242,165,22,0)}100%{box-shadow:0 0 0 0 rgba(242,165,22,0)}}
.plaque-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:0}
.plaque-grid div{padding:0 1rem;border-left:1px solid rgba(217,181,104,.35)}
.plaque-grid div:first-child{border-left:0}
.plaque-grid dt{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#D8C29E;order:2}
.plaque-grid dd{margin:0 0 .5rem;font-family:var(--display);font-size:clamp(2.2rem,4.5vw,3.4rem);line-height:1.05;color:#F7DFA8}
.plaque-grid div{display:flex;flex-direction:column-reverse;justify-content:flex-end}
.plaque-grid small{display:block;font-family:var(--body);font-size:.95rem;color:#E9CF98;margin-top:.3rem;line-height:1.3}
.plaque-grid small.pre{display:block;margin:0 0 .1rem;font-size:.8rem;color:#D8C29E}
@media (max-width:760px){.plaque-grid{grid-template-columns:1fr 1fr;row-gap:1.8rem}.plaque-grid div:nth-child(3){border-left:0}}

.why2{display:grid;grid-template-columns:repeat(3,1fr)}
.why2 div{padding:0 2rem;border-left:1px solid var(--sand-deep)}
.why2 div:first-child{padding-left:0;border-left:0}
.why2 .ico{display:flex;width:56px;height:56px;border-radius:50%;align-items:center;justify-content:center;background:var(--saffron);margin-bottom:1rem}
.why2 svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.why2 h4{font-family:var(--display);font-weight:400;font-size:1.45rem;color:var(--maroon);margin:0 0 .4rem}
.why2 p{margin:0;color:var(--ink-soft)}
@media (max-width:860px){.why2{grid-template-columns:1fr;gap:2rem}.why2 div{padding:0;border-left:0}}

.years{display:grid;grid-template-columns:.6fr 1fr 1fr 1fr;gap:2rem;position:relative}
.year{border-top:2px solid var(--gold);padding-top:1rem;position:relative}
.year::before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;transform:rotate(45deg);background:var(--sand);border:2px solid var(--gold)}
.year.now::before{background:var(--saffron);border-color:var(--saffron)}
.year .yr{display:block;font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,5vw,3.6rem);line-height:1;color:var(--maroon);margin:.6rem 0 1rem}
.year.now .yr{color:var(--saffron)}
.year ul{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.year li{font-size:1rem;line-height:1.5}
.year .mo{display:block;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--ink-soft);margin-bottom:.1rem}
@media (max-width:900px){.years{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.years{grid-template-columns:1fr}}
.journey .next-box{max-width:none;margin-top:2.5rem}

.principles2{margin-top:2rem}
.principles2 p{margin:0;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:700}
.principles2 .chips{margin:.8rem 0 0}

.ncards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-bottom:1rem}
.ncards .ncard:first-child{grid-column:span 2;background:var(--maroon-deep);border-color:var(--maroon-deep);border-top-color:var(--gold-soft)}
.ncards .ncard:first-child .outlet{color:#F7DFA8;font-size:1.8rem}
.ncards .ncard:first-child .date{color:#D8C29E}
.ncards .ncard:first-child .nh{color:#fff;font-family:var(--display);font-weight:400;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.25}
.ncards .ncard:first-child .read{color:#FFD27A}
@media (max-width:860px){.ncards{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ncards{grid-template-columns:1fr}.ncards .ncard:first-child{grid-column:auto}}
.ncard{display:flex;flex-direction:column;gap:.4rem;padding:1.5rem;background:var(--card);border:1px solid var(--sand-deep);border-top:4px solid var(--gold);text-decoration:none;transition:transform .15s,box-shadow .15s}
.ncard:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(61,15,8,.12)}
.ncard .outlet{font-family:var(--display);font-size:1.4rem;color:var(--maroon)}
.ncard .date{font-size:.85rem;color:var(--ink-soft)}
.ncard .nh{font-size:1.1rem;font-weight:500;line-height:1.4;margin-top:.4rem;flex:1}
.ncard .read{margin-top:.8rem;font-weight:700;font-size:.95rem;color:var(--saffron)}
@media (prefers-reduced-motion:reduce){.dot{animation:none}}

/* ===== contact and footer v5 ===== */
.join{background:radial-gradient(ellipse at 20% 0%,#7A2A12 0%,var(--maroon-deep) 65%);color:var(--on-dark)}
.join-head{text-align:center;max-width:40rem;margin:0 auto 3rem}
.join-kicker{font-family:var(--display);color:var(--gold-soft);font-size:1.4rem;margin:0}
.join-head h1,.join-head h2{font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,5vw,3.4rem);margin:.2rem 0 .6rem;color:#FBEFD9}
.join-head p{margin:0;color:#E3CBA5;font-size:1.15rem}
.join-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:1.5rem;align-items:start}
.help-card{background:rgba(255,255,255,.06);border:1px solid rgba(217,181,104,.4);border-radius:10px;padding:2rem}
.help-ico{display:flex;width:60px;height:60px;border-radius:50%;background:#1FA855;align-items:center;justify-content:center;margin-bottom:1.2rem}
.help-ico svg{width:32px;height:32px;fill:#fff}
.help-card h3{font-family:var(--display);font-weight:400;font-size:1.9rem;margin:0 0 .5rem;color:#F7DFA8}
.help-card p{margin:0 0 1.2rem;color:#E3CBA5}
.help-list{list-style:none;margin:0 0 1.8rem;padding:0;display:grid;gap:.6rem}
.help-list li{display:flex;gap:.7rem;align-items:center;color:#FBEFD9}
.help-list li::before{content:"";flex:none;width:9px;height:9px;transform:rotate(45deg);background:var(--gold-soft)}
.btn-ico{display:inline-flex;align-items:center;gap:.6rem}
.btn-ico svg{width:22px;height:22px;fill:currentColor}
.btn-wa{background:#1FA855;color:#fff}
.btn-wa:hover{background:#178C46}
.btn-wide{width:100%;justify-content:center;padding:1rem 1.5rem;font-size:1.05rem}
.join-form{display:grid;gap:1.1rem;background:var(--ivory);color:var(--ink);border-radius:10px;padding:2rem;border-top:5px solid var(--gold);box-shadow:0 30px 60px rgba(0,0,0,.35)}
.join-form h3{font-family:var(--display);font-weight:400;font-size:1.9rem;margin:0;color:var(--maroon)}
.form-note{margin:-.6rem 0 0;color:var(--ink-soft);font-size:.98rem}
.roles-pick{border:0;margin:0;padding:0}
.roles-pick legend{font-weight:700;font-size:.95rem;margin-bottom:.6rem;padding:0}
.pills{display:flex;flex-wrap:wrap;gap:.5rem}
.pills input{position:absolute;opacity:0;width:1px;height:1px}
.pills label{padding:.5rem 1rem;border:1.5px solid var(--sand-deep);border-radius:999px;cursor:pointer;font-weight:500;font-size:.95rem;background:var(--card);transition:background .15s,border-color .15s,color .15s}
.pills label:hover{border-color:var(--gold)}
.pills input:checked+label{background:var(--maroon-deep);border-color:var(--maroon-deep);color:#F7DFA8}
.pills input:focus-visible+label{outline:3px solid var(--saffron);outline-offset:2px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.field{display:grid;gap:.35rem}
.field label{font-weight:700;font-size:.95rem}
.opt{font-weight:400;color:var(--ink-soft)}
.join-form input:not([type=radio]),.join-form textarea{width:100%;font:inherit;padding:.8rem .95rem;border:1.5px solid var(--sand-deep);background:var(--card);color:var(--ink);border-radius:8px}
.join-form input:focus,.join-form textarea:focus{outline:none;border-color:var(--saffron);box-shadow:0 0 0 3px rgba(216,100,28,.18)}
.err{margin:0;color:#B3261E;font-weight:500;font-size:.95rem}
.ok{padding:.9rem 1rem;background:var(--sand);border-left:4px solid #1FA855;border-radius:4px;font-size:.98rem}
.ok a{color:var(--saffron-deep);font-weight:700}
@media (max-width:860px){.join-grid{grid-template-columns:1fr}}
@media (max-width:520px){.two{grid-template-columns:1fr}.help-card,.join-form{padding:1.5rem}}

.social{display:flex;gap:.7rem;margin-top:1.3rem}
.social a{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .15s}
.social a:hover{transform:translateY(-2px)}
.social svg{width:22px;height:22px;fill:currentColor}
.social .fb{background:#1877F2}
.social .ig{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.social .wa{background:#1FA855}
footer.site{background:#240904;color:#D8C29E;border-top:3px solid var(--gold);padding-block:4rem 1.5rem;font-size:.98rem}
.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1.3fr 1fr;gap:2.5rem;padding-bottom:3rem;border-bottom:1px solid rgba(217,181,104,.25)}
.foot-name{font-family:var(--display);font-size:2rem;margin:0;color:#FBEFD9;line-height:1.1}
.foot-name span{color:var(--gold-soft)}
.foot-tag{margin:.4rem 0 0;font-family:var(--display);color:#E9CF98;font-size:1.15rem}
.foot-col p{margin:0 0 1rem;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--gold-soft)}
.foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.foot-col a{text-decoration:none;color:#EBD8B8}
.foot-col a:hover{color:#fff;text-decoration:underline}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.5rem;font-size:.9rem;color:#BFA67F}
.foot-bottom a{color:#EBD8B8;text-decoration:none}
.foot-bottom a:hover{color:#fff}
@media (max-width:900px){.foot-top{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-top{grid-template-columns:1fr}}

/* ===== temple animation ===== */
.temple-stage{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.temple-frame .temple-img{border-radius:0;box-shadow:none;transform-origin:50% 30%;animation:darshan 24s ease-in-out infinite alternate}
@keyframes darshan{from{transform:scale(1)}to{transform:scale(1.07)}}
.halo{position:absolute;left:49%;top:6%;width:40%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,226,150,.75) 0%,rgba(255,200,90,.35) 35%,rgba(255,180,60,0) 70%);mix-blend-mode:screen;animation:halo 5s ease-in-out infinite;pointer-events:none}
@keyframes halo{0%,100%{opacity:.3;transform:translate(-50%,-50%) scale(.92)}50%{opacity:.75;transform:translate(-50%,-50%) scale(1.08)}}
.diya{position:absolute;top:72%;width:16%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,210,120,.9) 0%,rgba(255,150,40,.4) 40%,rgba(255,120,20,0) 70%);mix-blend-mode:screen;pointer-events:none;animation:flicker 1.6s infinite}
.diya.l{left:16%}.diya.r{left:83%;animation-delay:.7s}
@keyframes flicker{0%{opacity:.7;transform:translate(-50%,-50%) scale(1)}20%{opacity:1;transform:translate(-50%,-52%) scale(1.08)}40%{opacity:.6;transform:translate(-50%,-49%) scale(.95)}60%{opacity:.95;transform:translate(-50%,-51%) scale(1.05)}80%{opacity:.75;transform:translate(-50%,-50%) scale(.98)}100%{opacity:.7;transform:translate(-50%,-50%) scale(1)}}
.petals{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
@media (prefers-reduced-motion:reduce){.temple-frame .temple-img,.halo,.diya{animation:none}.petals{display:none}}

/* ===== live darshan ===== */
.temple-stage{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.tint{position:absolute;inset:0;pointer-events:none;transition:background 2s,opacity 2s;mix-blend-mode:soft-light;opacity:0}
.temple-stage[data-phase="morning"] .tint{opacity:1;background:linear-gradient(180deg,rgba(255,170,140,.55),rgba(255,214,150,.2) 55%,rgba(0,0,0,0))}
.temple-stage[data-phase="evening"] .tint{opacity:1;background:radial-gradient(ellipse at 50% 80%,rgba(255,140,40,.35),rgba(90,20,0,.55))}
.temple-stage[data-phase="night"] .tint{opacity:1;background:radial-gradient(ellipse at 50% 70%,rgba(255,150,60,.25),rgba(10,10,40,.75))}
.temple-stage[data-phase="evening"] .diya,.temple-stage[data-phase="night"] .diya{width:22%}
.temple-stage[data-phase="night"] .halo{filter:brightness(1.3)}
.temple-stage.aarti .halo{animation-duration:2s;filter:brightness(1.4)}
.phase-chip,.aarti-btn,.aarti-banner,.tap-hint{position:absolute;z-index:3;font-family:var(--body);font-weight:700;font-size:.85rem;border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.phase-chip{top:12px;left:12px;padding:.35rem .8rem;background:rgba(40,10,5,.6);color:#F7DFA8;pointer-events:none}
.aarti-btn{top:12px;right:12px;padding:.4rem .9rem;background:rgba(216,100,28,.9);color:#fff;border:0;cursor:pointer}
.aarti-btn:hover{background:#B24E10}
.aarti-banner{bottom:14px;left:50%;transform:translateX(-50%);padding:.4rem 1rem;background:rgba(255,210,122,.92);color:#3D0F08;white-space:nowrap;pointer-events:none;animation:bannerpulse 2s ease-in-out infinite}
@keyframes bannerpulse{50%{box-shadow:0 0 0 8px rgba(255,210,122,.25)}}
.tap-hint{bottom:14px;left:50%;transform:translateX(-50%);padding:.45rem 1rem;background:rgba(40,10,5,.65);color:#FBEFD9;white-space:nowrap;pointer-events:none;transition:opacity .6s}
.tap-hint.gone{opacity:0}
.temple-stage.aarti .tap-hint{opacity:0}
.live{margin-top:1.8rem;padding-top:1.2rem;border-top:1px solid rgba(217,181,104,.3);max-width:30rem}
.live-row{margin:0;font-size:1.05rem;color:#EBD8B8;display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.live-row b{font-family:var(--display);font-weight:400;font-size:2rem;color:#F7DFA8;font-variant-numeric:tabular-nums;line-height:1}
.live-dot{align-self:center;width:9px;height:9px;border-radius:50%;background:#4ADE80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:pulse 2s infinite}
.live-sub{margin:0;font-size:1rem;color:#EBD8B8;display:flex;align-items:center;gap:.6rem}
.bump{animation:bump .4s ease}
@keyframes bump{40%{transform:scale(1.18)}}
@media (prefers-reduced-motion:reduce){.aarti-banner,.live-dot{animation:none}}

/* ===== aarti yourself, doors, count, tilt ===== */
.stage-btns{position:absolute;top:12px;right:12px;z-index:4;display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
.stage-btns .aarti-btn{position:static}
.aarti-btn.ghost{background:rgba(40,10,5,.6);color:#F7DFA8}
.aarti-btn.ghost:hover{background:rgba(40,10,5,.8)}
.temple-stage.diy{cursor:none;touch-action:none}
.temple-stage.diy .tap-hint{opacity:1!important;background:rgba(216,100,28,.9)}
.done-banner{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8);padding:.6rem 1.4rem;border-radius:999px;background:rgba(255,210,122,.95);color:#3D0F08;font-family:var(--display);font-size:1.6rem;white-space:nowrap;pointer-events:none;animation:donein .6s ease forwards}
@keyframes donein{to{transform:translate(-50%,-50%) scale(1)}}
.temple-stage.flare .halo{animation:flare 1.6s ease-out}
@keyframes flare{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}35%{opacity:1;transform:translate(-50%,-50%) scale(2.2);filter:brightness(1.8)}100%{opacity:.5;transform:translate(-50%,-50%) scale(1)}}
.temple-stage{transition:transform .25s ease-out;will-change:transform}

.ram-img{perspective:1600px}
.doorway{position:relative;max-width:440px;margin:0 auto;transition:transform .25s ease-out;transform-style:preserve-3d}
.doorway img{max-width:100%;width:100%}
.door{position:absolute;top:0;bottom:0;width:50%;z-index:2;background-color:#4A140A;background-image:radial-gradient(circle,#E9C77A 0 2.4px,transparent 3px),linear-gradient(180deg,#6A2010,#3D0F08);background-size:30px 30px,100% 100%;background-position:15px 15px,0 0;box-shadow:inset 0 0 0 3px #B8862B,inset 0 0 0 14px #4A140A,inset 0 0 0 16px #D9B568,inset 0 0 40px rgba(0,0,0,.5);transition:transform 2.2s cubic-bezier(.65,.05,.25,1) .2s,opacity .8s ease 1.9s;backface-visibility:visible}
.door.l{left:0;border-radius:10px 0 0 10px;transform-origin:left center}
.door.r{right:0;border-radius:0 10px 10px 0;transform-origin:right center}
.door::after{content:"";position:absolute;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:50%;border:4px solid #E9C77A;box-shadow:0 0 0 2px #7A4A10}
.door.l::after{right:18px}.door.r::after{left:18px}
.doorway.open .door.l{transform:rotateY(-104deg);opacity:0}
.doorway.open .door.r{transform:rotateY(104deg);opacity:0}
@media (prefers-reduced-motion:reduce){.door{display:none}.temple-stage,.doorway{transition:none}}

/* ===== online darshan hero ===== */
.darshan{background:#0E0503}
.sanctum{position:relative;height:clamp(520px,86svh,920px);overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;isolation:isolate}
.bg-blur{position:absolute;inset:-60px;background-size:cover;background-position:center;filter:blur(30px) brightness(.55) saturate(1.3);transform:scale(1.08)}
.shrine{position:absolute;top:0;bottom:0;left:50%;height:100%;aspect-ratio:895/941;transform:translateX(-50%);transition:transform .3s ease-out;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)}
.shrine .temple-img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:50% 32%;animation:darshan 26s ease-in-out infinite alternate,lamplight 3.6s ease-in-out infinite}
@keyframes lamplight{0%,100%{filter:brightness(1)}22%{filter:brightness(1.04)}41%{filter:brightness(.97)}63%{filter:brightness(1.03)}80%{filter:brightness(.99)}}
.sanctum .tint{position:absolute;inset:0;z-index:1}
.sanctum[data-phase="morning"] .tint{opacity:1;background:linear-gradient(180deg,rgba(255,170,140,.5),rgba(255,214,150,.18) 55%,rgba(0,0,0,0))}
.sanctum[data-phase="evening"] .tint{opacity:1;background:radial-gradient(ellipse at 50% 80%,rgba(255,140,40,.32),rgba(90,20,0,.5))}
.sanctum[data-phase="night"] .tint{opacity:1;background:radial-gradient(ellipse at 50% 70%,rgba(255,150,60,.22),rgba(10,10,40,.7))}
.sanctum[data-phase="evening"] .diya,.sanctum[data-phase="night"] .diya{width:22%}
.sanctum[data-phase="night"] .halo{filter:brightness(1.3)}
.sanctum.aarti .halo{animation-duration:2s;filter:brightness(1.45)}
.sanctum.flare .halo{animation:flare 1.6s ease-out}
.vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 80% at 50% 42%,transparent 50%,rgba(10,3,1,.8) 100%)}
.sanctum .petals{z-index:2}
.sanctum.diy{cursor:none;touch-action:none}

/* curtains and valance */
.valance{position:absolute;top:0;left:0;right:0;height:46px;z-index:6;background:linear-gradient(180deg,#7A1E10,#4A0D07);border-bottom:3px solid #C99A3B;box-shadow:0 6px 18px rgba(0,0,0,.45)}
.valance::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px;background:radial-gradient(circle at 12px 0,#C99A3B 0 6px,transparent 7px) repeat-x;background-size:24px 14px}
.curtain{position:absolute;top:0;bottom:0;width:51%;z-index:5;background:repeating-linear-gradient(90deg,#4A0B07 0,#6E150D 14px,#8A1E12 24px,#6E150D 34px,#4A0B07 48px);box-shadow:inset 0 -60px 80px rgba(0,0,0,.45);transition:transform 2.8s cubic-bezier(.7,0,.18,1)}
.curtain::after{content:"";position:absolute;top:0;bottom:0;width:10px;background:linear-gradient(90deg,#8A6420,#E5C177,#8A6420)}
.curtain.l{left:0;transform-origin:left center}.curtain.l::after{right:0}
.curtain.r{right:0;transform-origin:right center}.curtain.r::after{left:0}
.sanctum.open .curtain.l,.sanctum.open .curtain.r{transform:scaleX(.1)}

/* icon dock */
.dock{position:absolute;left:50%;bottom:22px;z-index:7;display:flex;gap:.55rem;padding:.5rem;transform:translate(-50%,20px);opacity:0;transition:opacity .8s ease 2.2s,transform .8s ease 2.2s;background:rgba(20,6,3,.55);border:1px solid rgba(217,181,104,.35);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sanctum.open .dock{opacity:1;transform:translate(-50%,0)}
.ico-btn{position:relative;width:52px;height:52px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.06);color:#F2C66D;display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s,transform .15s}
.ico-btn:hover{background:rgba(242,198,109,.2)}
.ico-btn:active{transform:scale(.94)}
.ico-btn>svg{width:26px;height:26px}
.ico-btn[aria-pressed="true"]{background:#D8641C;color:#fff}
.ico-btn.pulse::before{content:"";position:absolute;inset:0;border-radius:50%;animation:dockpulse 2s infinite}
@keyframes dockpulse{0%{box-shadow:0 0 0 0 rgba(242,198,109,.65)}70%{box-shadow:0 0 0 12px rgba(242,198,109,0)}100%{box-shadow:0 0 0 0 rgba(242,198,109,0)}}
.ring{position:absolute;inset:-2px;width:56px;height:56px;transform:rotate(-90deg);pointer-events:none}
.ring circle{fill:none;stroke:#FFD27A;stroke-width:3;stroke-linecap:round;stroke-dasharray:157;stroke-dashoffset:157;transition:stroke-dashoffset .15s}
.sound .wave{display:none}.sound[aria-pressed="true"] .wave{display:inline}.sound[aria-pressed="true"] .mute{display:none}
@media (max-width:420px){.ico-btn{width:40px;height:40px}.ico-btn>svg{width:21px!important;height:21px!important}.ring{width:44px!important;height:44px!important}.dock{gap:.3rem!important;padding:.4rem!important}}
@media (max-width:520px){.ico-btn{width:46px;height:46px}.ico-btn>svg{width:23px;height:23px}.ring{width:50px;height:50px}.dock{gap:.4rem;bottom:16px}.valance{height:34px}}
@media (prefers-reduced-motion:reduce){.curtain,.dock{transition:none}.shrine .temple-img{animation:none}.shrine{transition:none}}


@media (min-width:900px){
  .dock{left:auto;right:calc(10% + 28px);bottom:auto;top:50%;flex-direction:column;transform:translate(20px,-50%)}
  .sanctum.open .dock{transform:translate(0,-50%)}
}
/* darshan guide */
.darshan-info{background:var(--ivory);padding-block:5rem}
.di-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:start}
.di-kicker{font-family:var(--display);color:var(--saffron);font-size:1.5rem;margin:0}
.di-intro h1{font-family:var(--display);font-weight:400;color:var(--maroon);font-size:clamp(2.4rem,5vw,3.6rem);line-height:1.08;margin:.2rem 0 1rem;text-wrap:balance}
.di-lead{font-size:1.25rem;line-height:1.55;margin:0 0 1.6rem;max-width:34rem}
.di-tag{font-family:var(--display);color:var(--saffron);font-size:1.45rem;margin:0}
.di-by{margin:.3rem 0 0;color:var(--ink-soft)}
.di-btns{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}
.btn-outline{border:2px solid var(--maroon);color:var(--maroon);background:transparent}
.btn-outline:hover{background:var(--maroon);color:var(--ivory)}
.how{list-style:none;margin:0 0 1.6rem;padding:0;display:grid;gap:1.1rem}
.how li{display:flex;gap:1rem;align-items:flex-start}
.how-ico{flex:none;width:52px;height:52px;border-radius:50%;background:var(--maroon-deep);color:#F2C66D;display:grid;place-items:center}
.how-ico svg{width:26px;height:26px}
.how h3{margin:0;font-size:1.15rem}
.how p{margin:.1rem 0 0;color:var(--ink-soft)}
.timings{background:var(--maroon-deep);color:#F7DFA8;border-radius:8px;padding:1.6rem 1.7rem;box-shadow:inset 0 0 0 1px var(--gold-soft),inset 0 0 0 6px var(--maroon-deep),inset 0 0 0 7px rgba(217,181,104,.5)}
.t-title{margin:0 0 .8rem;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#D8C29E}
.t-row{display:grid;grid-template-columns:1fr 1fr}
.t-row div{padding-right:1rem}
.t-row div+div{border-left:1px solid rgba(217,181,104,.35);padding-left:1.2rem}
.t-row b{display:block;font-family:var(--display);font-weight:400;font-size:2.8rem;line-height:1}
.t-row span{font-size:.95rem;color:#E3CBA5}
.t-next{display:flex;align-items:center;gap:.6rem;margin:1.2rem 0 0;font-weight:500;color:#FBEFD9}
.t-note{margin:.6rem 0 0;font-size:.92rem;color:#D8C29E}
@media (max-width:900px){.di-grid{grid-template-columns:1fr;gap:2.5rem}}

/* ===== Explore more pages ===== */
.explore{background:var(--maroon-deep);padding:2.4rem 0}
.explore-bar{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;list-style:none;margin:0;padding:0}
.explore-bar a{font:inherit;font-size:.95rem;font-weight:500;padding:.55rem 1.3rem;border-radius:999px;border:1px solid rgba(217,181,104,.4);background:rgba(255,255,255,.05);color:var(--on-dark);text-decoration:none;transition:background .2s,border-color .2s}
.explore-bar a:hover{background:rgba(242,198,109,.18);border-color:var(--gold-soft)}
@media (max-width:560px){.explore-bar{gap:.5rem}.explore-bar a{font-size:.88rem;padding:.5rem 1rem}}

/* ===== Shri Modi Chalisa ===== */
.chalisa{background:var(--sand)}
.chalisa .chapter-head h1,.chalisa .chapter-head h2{font-family:"Tiro Devanagari Hindi",var(--display);font-size:clamp(2.2rem,5vw,3.4rem)}
.ch-tools{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin:-1rem 0 2rem}
.btn-ico span{line-height:1}
.pothi{position:relative;max-width:860px;margin:0 auto;background:#FFFBF1;border-radius:6px;padding:2.6rem clamp(1.2rem,5vw,3.6rem);box-shadow:0 24px 50px rgba(61,15,8,.14),inset 0 0 0 1px #E6D0A8;border-top:6px double #B3261E;border-bottom:6px double #B3261E}
.pothi::before,.pothi::after{content:"";position:absolute;top:18px;bottom:18px;width:2px;background:#D8A0A0;opacity:.6}
.pothi::before{left:18px}.pothi::after{right:18px}
.ch-body{font-family:"Tiro Devanagari Hindi","Noto Serif Devanagari",var(--body);color:#3A1A0C;text-align:center;font-size:clamp(1.15rem,2.2vw,1.35rem);line-height:1.9;display:grid;gap:1.3rem;max-height:34rem;overflow:hidden;transition:max-height .6s ease}
.pothi.full .ch-body{max-height:none}
.ch-fade{position:absolute;left:0;right:0;bottom:6px;height:9rem;background:linear-gradient(180deg,rgba(255,251,241,0),#FFFBF1 85%);pointer-events:none;transition:opacity .4s}
.pothi.full .ch-fade{opacity:0}
.ch-body p{margin:0}
.ch-label{font-family:var(--display);color:#B3261E;font-size:1.2rem;letter-spacing:.04em;margin:.6rem 0 -.2rem!important}
.v{position:relative;padding:.5rem 3rem;border-radius:6px;transition:background .4s,box-shadow .4s}
.v .num{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;font-size:.9rem;color:#8A3B00;border:1px solid #E0B77A;background:#FFF4DE}
.v.invoke{font-size:1.15em;color:#B3261E}
.v.doha{font-size:1.05em;color:#5E1A10}
.v.refrain{color:#C2410C;font-weight:600;background:#FFF0DC;border-left:3px solid #E8740C;border-right:3px solid #E8740C}
.v.closing{color:#B3261E;font-family:var(--display);font-size:1.15em;line-height:1.7}
.v.active{background:#FDE3B5;box-shadow:0 0 0 2px #E8A33C,0 10px 24px rgba(216,100,28,.2)}
.v.active .num{background:#D8641C;color:#fff;border-color:#D8641C}
@media (max-width:560px){.v{padding:.5rem 2.4rem .5rem .6rem}.pothi::before,.pothi::after{display:none}}

/* ===== NaMo Temple brand ===== */
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--on-dark)}
.logo-mark{width:34px;height:34px;flex:none;color:var(--gold-soft)}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-text b{font-family:var(--display);font-weight:400;font-size:1.4rem;color:#FBEFD9}
.brand-text b span{color:var(--gold-soft)}
.brand-text small{font-family:"Tiro Devanagari Hindi",var(--display);font-size:.8rem;color:#E3CBA5;margin-top:.15rem}
.foot-logo .logo-mark{width:44px;height:44px}
.foot-logo .brand-text b{font-size:1.9rem}
.foot-logo .brand-text small{font-size:.95rem}
.foot-domain{margin:.5rem 0 0;font-weight:700;color:var(--gold-soft);letter-spacing:.02em}
.proposer{display:flex;align-items:center;gap:1.1rem;margin:3.5rem auto 0;max-width:30rem;padding:1rem 1.4rem;background:var(--card);border:1px solid var(--sand-deep);border-radius:999px}
.proposer img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 20%;background:#F61418;flex:none}
.proposer p{margin:0}
.pp-label{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--ink-soft)}
.pp-name{font-family:var(--display);font-size:1.35rem;color:var(--maroon);line-height:1.2}
.pp-role{font-size:.95rem;color:var(--ink-soft)}
.ram blockquote p{font-family:"Tiro Devanagari Hindi",var(--display)}
@media (max-width:520px){.brand-text b{font-size:1.2rem}.logo-mark{width:30px;height:30px}.proposer{border-radius:16px}}

/* ===== verse inscription on the darshan photo ===== */
.inscription{position:absolute;z-index:3;margin:0;pointer-events:none;text-align:center;color:#F7DFA8;opacity:0;transition:opacity 1.2s ease 2.6s}
.sanctum.open .inscription{opacity:1}
.inscription blockquote{margin:0}
.inscription p{margin:0;font-family:"Tiro Devanagari Hindi",var(--display);line-height:1.55;text-shadow:0 0 18px rgba(255,190,90,.55),0 2px 4px rgba(0,0,0,.6)}
.inscription .ln{display:block}.inscription .ln span{display:inline}
.inscription figcaption{margin-top:.5rem;font-family:"Tiro Devanagari Hindi",var(--body);font-size:.85rem;color:#E3CBA5;letter-spacing:.03em}
.inscription::before,.inscription::after{content:"";display:block;height:1px;margin:0 auto;width:60%;background:linear-gradient(90deg,transparent,#D9B568,transparent)}
.inscription::before{margin-bottom:.8rem}.inscription::after{margin-top:.8rem}
/* small screens: glass panel above the icon bar */
.inscription{left:50%;bottom:118px;transform:translateX(-50%);width:min(calc(100% - 32px),30rem);padding:.6rem 1rem;border-radius:14px;background:rgba(20,6,3,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.inscription p{font-size:clamp(1.05rem,3.6vw,1.3rem)}
.inscription::before,.inscription::after{display:none}
/* wide screens: inscribed in the open wall to the left of the statue */
@media (min-width:1100px){
  .inscription{bottom:auto;top:50%;left:calc(5% + (50% - 5% - 47.5vh) / 2 + 24px);transform:translate(-50%,-50%);width:13rem;padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0}
  .inscription p{font-size:clamp(1.5rem,2vw,2rem)}
  .inscription .ln span{display:block}
  .inscription::before,.inscription::after{display:block}
}
@media (min-width:900px) and (max-width:1099px){.inscription{bottom:24%}}
@media (prefers-reduced-motion:reduce){.inscription{transition:none}}

/* ===== aarti counter ===== */
.aarti-stat{display:grid;gap:.35rem;margin:0 0 1.6rem;padding:1rem 1.3rem 1.1rem;background:var(--card);border:1px solid var(--sand-deep);border-left:4px solid var(--saffron);border-radius:8px;max-width:22rem;color:var(--ink-soft)}
.aarti-stat[hidden]{display:none}
.aarti-stat .as-top{display:flex;align-items:center;gap:.5rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--saffron)}
.aarti-stat .as-num{display:flex;align-items:baseline;gap:.45rem;min-width:0}
.aarti-stat b{font-family:var(--display);font-weight:400;font-size:clamp(2.4rem,6vw,3rem);line-height:1;color:var(--maroon);font-variant-numeric:tabular-nums;white-space:nowrap}
.aarti-stat .as-unit{font-family:var(--display);font-style:normal;font-size:1.5rem;line-height:1;color:var(--saffron)}
.aarti-stat .as-unit:empty{display:none}
.aarti-stat .as-label{font-size:1rem;line-height:1.35}
.aarti-stat b.bump{animation:bump .5s ease}

/* seva: welfare schemes */
.seva{background:var(--sand)}
.seva-tabs{display:flex;gap:.5rem;overflow-x:auto;padding:.2rem .1rem .9rem;margin:0 0 1.4rem;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.seva-tab{flex:none;font:inherit;font-size:.95rem;font-weight:500;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--sand-deep);background:var(--card);color:var(--ink);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.seva-tab span{font-size:.8rem;opacity:.65;margin-left:.2rem}
.seva-tab:hover{border-color:var(--saffron)}
.seva-tab[aria-pressed="true"]{background:var(--maroon-deep);border-color:var(--maroon-deep);color:#F7DFA8}
.seva-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}
.seva-card{background:var(--card);border:1px solid var(--sand-deep);border-top:3px solid var(--gold);border-radius:8px;padding:1.1rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.35rem;animation:sevain .35s ease both}
.seva-card[hidden]{display:none}
.seva-meta{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--saffron)}
.seva-meta em{font-style:normal}
.seva-meta time{font-family:var(--display);font-size:1.05rem;letter-spacing:0;color:var(--gold)}
.seva-card h3{margin:0;font-size:1.12rem;line-height:1.3;color:var(--maroon)}
.seva-card p{margin:0;color:var(--ink-soft);line-height:1.45}
@media (min-width:700px){.seva-tabs{flex-wrap:wrap;overflow:visible}}
@keyframes sevain{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.seva-card{animation:none}}

/* life journey */
.journey{background:var(--ivory)}
.jy{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,1fr);position:relative;counter-reset:none}
.jy::before{content:"";position:absolute;left:6%;right:6%;top:4.35rem;border-top:2px dashed var(--gold-soft)}
.jy li{position:relative;text-align:center;padding:0 .4rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}
.jy-year{font-family:var(--display);font-size:1.5rem;line-height:1.2;color:var(--saffron);min-height:2.2rem;display:flex;align-items:flex-end}
.jy li:first-child .jy-year,.jy li:nth-child(2) .jy-year{font-size:1.5rem}
.jy-dot{position:relative;z-index:1;width:58px;height:58px;border-radius:50%;background:var(--maroon-deep);color:#F2C66D;display:grid;place-items:center;box-shadow:0 0 0 5px var(--ivory),0 0 0 6px var(--gold-soft);margin:.4rem 0 .5rem;transition:transform .3s}
.jy li:hover .jy-dot{transform:scale(1.08)}
.jy li:last-child .jy-dot{background:var(--saffron);color:#fff}
.jy-dot svg{width:28px;height:28px}
.jy b{font-size:1rem;line-height:1.3;color:var(--maroon)}
.jy-sub{font-size:.88rem;color:var(--ink-soft);line-height:1.3}
@media (max-width:900px){
  .jy{grid-template-columns:1fr;gap:1.4rem;max-width:30rem;margin:0 auto}
  .jy::before{left:29px;right:auto;top:0;bottom:0;border-top:0;border-left:2px dashed var(--gold-soft)}
  .jy li{display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto auto;column-gap:1.1rem;text-align:left;align-items:center;padding:0}
  .jy-dot{grid-row:1/4;grid-column:1;margin:0}
  .jy-year{grid-column:2;min-height:0;font-size:1.3rem}
  .jy b,.jy-sub{grid-column:2}
}
/* proud moments */
.proud{background:var(--maroon-deep)}
.proud .chapter-head h1,.proud .chapter-head h2{color:#F7DFA8}
.proud .chapter-head .kicker{color:#F2A65A}
.proud .rule{color:#D9B568}
.pm-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:1.1rem}
.pm-card{position:relative;grid-column:span 2;aspect-ratio:4/5;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px rgba(217,181,104,.35),0 14px 30px rgba(0,0,0,.35);isolation:isolate}
.pm-card:nth-child(-n+2){grid-column:span 3;aspect-ratio:5/4}
.pm-card>svg{position:absolute;inset:0;width:100%;height:100%;transition:transform 6s ease}
.pm-card:hover>svg{transform:scale(1.06)}
.pm-text{position:absolute;left:0;right:0;bottom:0;padding:3.2rem 1.3rem 1.2rem;background:linear-gradient(180deg,transparent,rgba(12,4,2,.82) 45%,rgba(12,4,2,.92));color:#FBEFD9}
.pm-text time{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#F2C66D}
.pm-text h3{font-family:var(--display);font-weight:400;font-size:1.6rem;line-height:1.15;margin:.2rem 0 .3rem;color:#fff}
.pm-text p{margin:0;font-size:.98rem;line-height:1.4;color:#EBDDC6}
@media (max-width:900px){
  .pm-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.9rem;padding-bottom:.8rem;margin:0 -1.25rem;padding-inline:1.25rem;scrollbar-width:none}
  .pm-grid::-webkit-scrollbar{display:none}
  .pm-card,.pm-card:nth-child(-n+2){flex:0 0 78%;max-width:340px;aspect-ratio:4/5;scroll-snap-align:center}
}
/* seva sankalp diwas */
.utsav{background:var(--sand)}
.ut-grid{display:block;max-width:46rem}
.ut-count{text-align:center}
.ut-lead{text-wrap:balance}
.ut-count .cd,.ut-lead{margin-left:auto;margin-right:auto}
.ut-count{background:var(--maroon-deep);color:#FBEFD9;border-radius:12px;padding:2.2rem 2.2rem 2.4rem;box-shadow:inset 0 0 0 1px var(--gold-soft),inset 0 0 0 7px var(--maroon-deep),inset 0 0 0 8px rgba(217,181,104,.5);position:relative;overflow:hidden}
.ut-count::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(242,166,90,.35),transparent 70%)}
.ut-count .kicker{font-family:var(--display);color:#F2A65A;font-size:1.4rem;margin:0}
.ut-count h2{font-family:var(--display);font-weight:400;color:#F7DFA8;font-size:clamp(2rem,4vw,2.8rem);line-height:1.1;margin:.2rem 0 .7rem}
.ut-lead{margin:0 0 1.6rem;color:#E3CBA5;font-size:1.08rem;max-width:30rem}
.cd{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;max-width:28rem}
.cd div{background:rgba(255,255,255,.06);border:1px solid rgba(217,181,104,.35);border-radius:8px;padding:.8rem .4rem;text-align:center}
.cd b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(1.8rem,4.5vw,2.6rem);line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.cd span{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#D8C29E}
.cd[hidden]{display:none}
#cd-live{margin-top:1.4rem}
#cd-live[hidden]{display:none}
.ut-count h2{text-wrap:balance}
@media (max-width:900px){.ut-count{padding:1.8rem 1.4rem 2rem}}
/* festive darshan */
.toran{position:absolute;top:0;left:0;right:0;height:46px;z-index:6;pointer-events:none;opacity:0;transition:opacity 1.2s;background:radial-gradient(circle at 14px 9px,#FFB627 0 7px,#E8740C 7.5px 10px,transparent 10.5px) 0 0/28px 22px repeat-x,radial-gradient(ellipse at 14px 26px,#2E8B3A 0 4px,transparent 4.5px) 14px 0/56px 46px repeat-x,radial-gradient(circle at 14px 38px,#FF8A00 0 6px,#C2410C 6.5px 8px,transparent 8.5px) 14px 0/56px 46px repeat-x;filter:drop-shadow(0 3px 4px rgba(0,0,0,.4))}
.sanctum.utsav .toran{opacity:1}
.utsav-note{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1rem;padding:.45rem 1.1rem;border-radius:999px;background:var(--saffron);color:#fff;font-weight:700}
.utsav-note[hidden]{display:none}
/* share your darshan */
.share-dlg{border:0;padding:1.6rem 1.6rem 1.4rem;border-radius:14px;background:#2A0B06;color:#FBEFD9;width:min(26rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;box-shadow:0 0 0 1px rgba(217,181,104,.45),0 30px 80px rgba(0,0,0,.6);text-align:center}
.share-dlg::backdrop{background:rgba(10,3,1,.72);backdrop-filter:blur(3px)}
.share-dlg[open]{animation:dlgin .35s ease}
@keyframes dlgin{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.share-x{position:absolute;right:.6rem;top:.5rem;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#E3CBA5;font-size:1.8rem;line-height:1;cursor:pointer}
.share-x:hover{background:rgba(255,255,255,.08)}
.share-kick{font-family:var(--display);color:#F2A65A;font-size:1.25rem;margin:0}
.share-dlg h2{font-family:var(--display);font-weight:400;color:#F7DFA8;font-size:1.9rem;margin:.1rem 0 1rem}
#share-img{display:block;width:100%;max-width:17rem;height:auto;margin:0 auto 1rem;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.5);background:#3D0F08}
.share-name{display:grid;gap:.35rem;text-align:left;font-size:.9rem;color:#D8C29E;margin:0 0 1rem}
.share-name input{font:inherit;font-size:1rem;padding:.7rem .9rem;border-radius:8px;border:1px solid rgba(217,181,104,.45);background:rgba(255,255,255,.06);color:#fff}
.share-name input:focus{outline:2px solid #F2A65A;outline-offset:1px}
.share-btns{display:grid;gap:.6rem}
.share-btns .btn{justify-content:center;width:100%}
.share-dlg .btn-outline{border-color:#D9B568;color:#F7DFA8}
.share-dlg .btn-outline:hover{background:#D9B568;color:#2A0B06}
.share-note{margin:.7rem 0 0;font-size:.82rem;line-height:1.4;color:#D8C29E;background:rgba(217,181,104,.12);border:1px solid rgba(217,181,104,.35);border-radius:8px;padding:.6rem .8rem}
.share-note[hidden]{display:none}

/* footer v2 */
footer.site{position:relative;overflow:hidden;padding-block:0 1.5rem}
footer.site::before{content:"";position:absolute;right:-80px;bottom:-60px;width:420px;height:420px;opacity:.06;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 10.3c-4.6 4.4-7.1 9.3-7.6 14.2h15.2c-.5-4.9-3-9.8-7.6-14.2zM6 24.5h20v2.6H6zM3.5 27.1h25v2.9h-25zM16 1.5v5' fill='%23D9B568' stroke='%23D9B568'/%3E%3Ccircle cx='16' cy='8.6' r='1.9' fill='%23D9B568'/%3E%3C/svg%3E") center/contain no-repeat}
.foot-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.4rem 2rem;margin:0 0 3.2rem;padding:2rem 0;border-bottom:1px solid rgba(217,181,104,.25)}
.fc-kick{margin:0;font-family:var(--display);color:#F2A65A;font-size:1.2rem}
.fc-title{margin:.1rem 0 0;font-family:var(--display);color:#F7DFA8;font-size:clamp(1.6rem,3.4vw,2.3rem);line-height:1.15}
.fc-btns{display:flex;flex-wrap:wrap;gap:.8rem}
.fc-btns .btn-ico{display:inline-flex}
.foot-top{grid-template-columns:1.2fr 1.8fr;gap:3rem;padding-bottom:2.6rem}
.foot-about{margin:.8rem 0 0;color:#CDB594;max-width:22rem;line-height:1.5}
.foot-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.foot-bottom{align-items:center}
.fb-domain{font-family:var(--display);color:var(--gold-soft);font-size:1.05rem;letter-spacing:.02em}
.fb-top{display:inline-flex;align-items:center;gap:.4rem}
.fb-top svg{width:16px;height:16px}
@media (max-width:900px){.foot-top{grid-template-columns:1fr;gap:2.4rem}}
@media (max-width:520px){.foot-links{grid-template-columns:1fr 1fr;gap:1.8rem 1.2rem}.foot-links .foot-col:last-child{grid-column:1/-1}.fc-btns,.fc-btns .btn{width:100%;justify-content:center;text-align:center}.foot-bottom{flex-direction:column;align-items:flex-start;gap:.6rem}}

.foot-founder{margin:2.4rem auto}

/* keep the coconut and aarti thali visible on small screens */
@media (max-width:1099px){.sanctum.coco-on .inscription,.sanctum.diy .inscription,.sanctum.aarti .inscription{opacity:0;transition:opacity .4s ease 0s}}

/* darshan card teaser */
.card-teaser{display:grid;grid-template-columns:118px 1fr;gap:1.2rem;align-items:center;margin-top:1.2rem;padding:1.1rem;background:var(--card);border:1px solid var(--sand-deep);border-left:4px solid var(--saffron);border-radius:10px}
.card-teaser img{width:118px;height:auto;aspect-ratio:4/5;border-radius:6px;background:#3D0F08;box-shadow:0 8px 18px rgba(61,15,8,.3);transform:rotate(-3deg)}
.ct-kick{margin:0;font-family:var(--display);color:var(--saffron);font-size:1.05rem}
.card-teaser h3{margin:.1rem 0 .3rem;font-family:var(--display);font-weight:400;color:var(--maroon);font-size:1.45rem;line-height:1.15}
.card-teaser p{margin:0 0 .8rem;color:var(--ink-soft);font-size:.98rem;line-height:1.45}
.card-teaser .btn{padding:.65rem 1.2rem}
@media (max-width:400px){.card-teaser{grid-template-columns:92px 1fr;gap:.9rem}.card-teaser img{width:92px}}

/* navbar v2 */
.nav .wrap{position:relative}
.links{align-items:center}
.links>a,.dd-btn{position:relative;padding:.4rem 0;text-decoration:none;color:#E9D6B6;font:inherit;font-weight:500;font-size:.98rem;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}
.links>a:hover,.dd-btn:hover,.links>a.on,.dd.on .dd-btn{color:#fff}
.links>a.on::after,.dd.on .dd-btn::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--saffron)}
.chev{width:16px;height:16px;transition:transform .2s}
.dd{position:relative}
.dd-menu{position:absolute;top:calc(100% + 12px);left:-1rem;min-width:19rem;display:grid;padding:.5rem;background:#2A0B06;border:1px solid rgba(217,181,104,.4);border-radius:10px;box-shadow:0 18px 40px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s}
.dd-menu::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.dd-menu a{padding:.65rem .8rem;border-radius:6px;color:#F3E2C4;text-decoration:none;font-size:.95rem;line-height:1.3}
.dd-menu a:hover,.dd-menu a:focus-visible{background:rgba(242,198,109,.14);color:#fff}
.dd:hover .dd-menu,.dd:focus-within .dd-menu,.dd.open .dd-menu{opacity:1;visibility:visible;transform:none}
.dd.closing .dd-menu{opacity:0;visibility:hidden}
section[id]{scroll-margin-top:66px}
.dd:hover .chev,.dd.open .chev{transform:rotate(180deg)}
.nav-end{display:flex;align-items:center;gap:.6rem}
.nav-toggle{display:none;width:44px;height:44px;border:1px solid rgba(217,181,104,.45);border-radius:10px;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.nav-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:#F3E2C4;transition:transform .25s,opacity .25s}
.nav.menu-open .nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav.menu-open .nav-toggle span:nth-child(2){opacity:0}
.nav.menu-open .nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:1060px) and (min-width:901px){.links{gap:1.1rem}.links>a,.dd-btn{font-size:.92rem}}
@media (max-width:900px){
  .nav-toggle{display:inline-flex}
  .links{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:.6rem 1.25rem 1.2rem;background:#2A0B06;border-bottom:2px solid var(--gold);box-shadow:0 20px 40px rgba(0,0,0,.45);max-height:calc(100dvh - 64px);overflow:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}
  .nav.menu-open .links{opacity:1;visibility:visible;transform:none}
  .links>a,.dd-btn{padding:.85rem 0;font-size:1.05rem;border-bottom:1px solid rgba(217,181,104,.18);width:100%;justify-content:space-between}
  .links>a.on::after,.dd.on .dd-btn::after{display:none}
  .links>a.on{color:#F2A65A}
  .dd-btn .chev{display:none}
  .dd-menu{position:static;opacity:1;visibility:visible;transform:none;min-width:0;padding:.2rem 0 .4rem .9rem;background:none;border:0;box-shadow:none;border-bottom:1px solid rgba(217,181,104,.18);border-radius:0}
  .dd-menu::before{display:none}
  .dd-menu a{padding:.6rem .2rem;font-size:1rem;color:#E3CBA5}
}
@media (max-width:380px){.nav .btn{padding:.45rem .8rem;font-size:.88rem}.brand-text b{font-size:1.2rem}}
/* founders */
.founders{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:3.5rem auto 0}
.founders .proposer{margin:0;max-width:32rem}
.pp-initial{flex:none;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--maroon-deep);color:#F2C66D;font-family:var(--display);font-size:2rem;box-shadow:inset 0 0 0 2px rgba(217,181,104,.6)}
.foot-founders{margin:2.4rem auto}
.foot-founders .proposer{max-width:30rem}
@media (max-width:520px){.founders .proposer{border-radius:16px}}
.founder-lead{display:flex;justify-content:center;margin:3.5rem auto 0}
.founder-lead .proposer{max-width:34rem;border:2px solid var(--saffron);box-shadow:0 14px 34px rgba(123,42,15,.14)}
.founder-lead .proposer img{width:92px;height:92px}
.founder-lead .pp-label{display:inline-block;padding:.15rem .65rem;border-radius:999px;background:var(--saffron);color:#fff;letter-spacing:.08em}
.founder-lead .pp-name{font-size:1.55rem}
.cofounder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:58rem;margin:1.2rem auto 0}
.cofounder-grid .proposer{margin:0;max-width:none;height:100%;box-sizing:border-box}
.cofounder-grid .proposer img{object-position:50% 50%}
@media (max-width:760px){.cofounder-grid{grid-template-columns:1fr}}
@media (max-width:520px){.founder-lead .proposer,.cofounder-grid .proposer{border-radius:16px}}
/* contributions */
.contrib{background:var(--sand)}
.contrib .chapter-head{max-width:52rem}
.contrib .chapter-head h1,.contrib .chapter-head h2{font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.2;text-wrap:balance}
.ct-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}
.ct-card{display:grid;grid-template-columns:48px 1fr;gap:1rem;align-items:start;background:var(--card);border:1px solid var(--sand-deep);border-radius:10px;padding:1.1rem 1.2rem 1.2rem}
.ct-ico{width:48px;height:48px;border-radius:50%;background:var(--maroon-deep);color:#F2C66D;display:grid;place-items:center}
.ct-ico svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ct-meta{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--saffron)}
.ct-meta em{font-style:normal}
.ct-meta time{font-family:var(--display);font-size:1.05rem;letter-spacing:0;color:var(--gold)}
.ct-card h3{margin:.15rem 0 .3rem;font-size:1.12rem;line-height:1.3;color:var(--maroon)}
.ct-card p{margin:0;color:var(--ink-soft);line-height:1.45}

/* ===== Blog ===== */
.blog-hero{background:var(--ivory);padding:4.5rem 0 1.5rem;text-align:center}
.blog-hero .wrap{max-width:46rem}
.blog-kicker{font-family:var(--display);color:var(--saffron);font-size:1.25rem;margin:0}
.blog-hero h1{margin:.4rem 0 1rem}
.blog-hero p{color:var(--ink-soft);font-size:1.05rem;line-height:1.6;margin:0}
.blog-list{background:var(--sand);padding:2.5rem 0 4.5rem}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.4rem}
.blog-card{display:flex;flex-direction:column;gap:.7rem;padding:1.7rem;background:var(--card);border:1px solid var(--sand-deep);border-radius:18px;text-decoration:none;color:inherit;transition:border-color .2s,transform .2s,box-shadow .2s}
.blog-card:hover{border-color:var(--saffron);transform:translateY(-3px);box-shadow:0 14px 30px rgba(94,26,16,.1)}
.blog-card-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.blog-tag{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--saffron-deep);background:rgba(216,100,28,.12);padding:.3rem .7rem;border-radius:999px}
.blog-icon{width:34px;height:34px;flex:none;border-radius:50%;background:var(--maroon-deep);color:var(--gold-soft);display:grid;place-items:center}
.blog-icon svg{width:18px;height:18px}
.blog-card h2{font-family:var(--display);font-size:1.3rem;margin:0;color:var(--maroon-deep);line-height:1.3}
.blog-card p{margin:0;color:var(--ink-soft);font-size:.95rem;line-height:1.55}
.blog-date{margin-top:auto;font-size:.8rem;color:var(--ink-soft);opacity:.7}
.blog-post{background:var(--ivory);padding:4rem 0 3.5rem}
.blog-post .wrap{max-width:44rem}
.blog-post .blog-tag{margin-bottom:1rem}
.blog-post h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:.3rem 0 1rem}
.post-meta{color:var(--ink-soft);font-size:.9rem;margin:0 0 1.8rem}
.post-lead{font-size:1.15rem;color:var(--ink-soft);line-height:1.6;margin:0 0 2rem;font-weight:500}
.post-body h2{font-family:var(--display);font-size:1.45rem;color:var(--maroon-deep);margin:2.3rem 0 .8rem}
.post-body p{margin:0 0 1.1rem;line-height:1.75;color:var(--ink)}
.post-sources{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--sand-deep);font-size:.85rem;color:var(--ink-soft);line-height:1.6}
.post-back{margin-top:2.2rem}
@media (max-width:560px){.blog-hero{padding:3rem 0 1rem}.blog-post{padding:3rem 0 2.5rem}}
.post-related{margin:2.6rem 0 1.6rem;padding-top:1.6rem;border-top:1px solid rgba(61,15,8,.15)}
.post-related p{font-family:var(--display);font-size:1.2rem;color:var(--maroon-deep);margin:0 0 .7rem}
.post-related ul{margin:0;padding-left:1.1rem}
.post-related li{margin:.45rem 0}
.post-related a{color:var(--maroon);text-decoration:underline;text-underline-offset:3px}
.sitemap-page{padding:1rem 0 4rem}
.sm-group{margin:0 0 2.4rem}
.sm-group h2{font-family:var(--display);font-weight:400;color:var(--maroon);font-size:1.6rem;margin:0 0 .9rem;padding-bottom:.5rem;border-bottom:1px solid rgba(61,15,8,.15)}
.sm-group ul{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.sm-group a{font-weight:700;color:var(--maroon);text-decoration:underline;text-underline-offset:3px}
.sm-group p{margin:.3rem 0 0;font-size:.95rem;opacity:.85}
.sm-xml{font-size:.9rem;opacity:.8}
/* Founder section: temple doorway portraits */
.fd-lead{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"photo head" "photo roles";column-gap:2.2rem;row-gap:.2rem;align-items:center;max-width:52rem;margin:3rem auto 0;padding:2.4rem 2.8rem;border-radius:22px;background:radial-gradient(120% 140% at 0% 0%,#6E1F12 0%,#3D0F08 60%,#2A0904 100%);color:#FBEFD9;box-shadow:0 24px 50px rgba(61,15,8,.28);overflow:hidden;isolation:isolate}
.fd-lead::before{content:"";position:absolute;inset:10px;border:1px solid rgba(217,181,104,.45);border-radius:14px;pointer-events:none}
.fd-lead::after{content:"नमो";position:absolute;right:.2em;bottom:-.3em;z-index:-1;font-family:"Tiro Devanagari Hindi",serif;font-size:10rem;line-height:1;color:rgba(217,181,104,.07);pointer-events:none}
.fd-photo{position:relative;flex:none;width:150px;aspect-ratio:4/5;padding:5px;border-radius:999px 999px 14px 14px;background:linear-gradient(160deg,#F2C66D,#B8862B 55%,#F7DFA8);box-shadow:0 10px 24px rgba(0,0,0,.22)}
.fd-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;border-radius:999px 999px 10px 10px;background:#F61418}
.fd-lead .fd-photo{grid-area:photo}
.fd-head{grid-area:head;align-self:end}
.fd-tag{display:inline-block;margin:0 0 .6rem;padding:.2rem .75rem;border-radius:999px;background:var(--saffron);color:#fff;font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.5}
.fd-name{font-family:var(--display);font-weight:400;margin:0;line-height:1.1}
.fd-lead .fd-name{font-size:clamp(1.9rem,4vw,2.7rem);color:#F2C66D}
.fd-roles{grid-area:roles;align-self:start;list-style:none;margin:.9rem 0 0;padding:0;display:grid;gap:.55rem}
.fd-roles li{position:relative;padding-left:1.4rem;color:#F1DDBD;line-height:1.45}
.fd-roles li::before{content:"";position:absolute;left:.15rem;top:.5em;width:.48rem;height:.48rem;background:#D9B568;transform:rotate(45deg)}
.fd-team{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;max-width:44rem;margin:1.6rem auto 0}
.fd-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--sand-deep);border-top:4px solid var(--saffron);border-radius:16px;padding:1.3rem;box-shadow:0 10px 26px rgba(123,42,15,.08);transition:transform .2s ease,box-shadow .2s ease}
.fd-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(123,42,15,.15)}
.fd-card-head{display:flex;align-items:center;gap:1rem}
.fd-card .fd-photo{width:78px;padding:3px}
.fd-card .fd-tag{margin-bottom:.35rem;padding:.1rem .55rem;font-size:.64rem;background:transparent;color:var(--saffron);border:1px solid currentColor}
.fd-card .fd-name{font-size:1.45rem;color:var(--maroon)}
.fd-role{flex:1;margin:1rem 0 0;padding-top:.9rem;border-top:1px dashed var(--sand-deep);font-size:.95rem;line-height:1.5;color:var(--ink-soft)}
@media (max-width:860px){.fd-team{grid-template-columns:1fr;max-width:34rem}}
@media (max-width:600px){.fd-lead{grid-template-areas:"photo head" "roles roles";column-gap:1.2rem;padding:1.7rem 1.5rem}.fd-lead .fd-photo{width:104px;padding:4px}.fd-lead::after{font-size:7rem}}
/* Home: About the Mandir, latest blog, FAQ */
.home-about{background:var(--card);border-block:1px solid var(--sand-deep);padding-block:4.5rem}
.home-about .wrap{display:grid;grid-template-columns:1.25fr .75fr;gap:3rem;align-items:center}
.ab-text .kicker{font-family:var(--display);color:var(--saffron);font-size:1.4rem;margin:0 0 .3rem}
.ab-text h2{font-family:var(--display);font-weight:400;color:var(--maroon);font-size:clamp(1.9rem,4vw,2.7rem);margin:0 0 1rem;text-wrap:balance}
.ab-text p{color:var(--ink-soft);margin:0 0 1rem}
.ab-btns{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}
.ab-facts{margin:0;padding:1.6rem 1.8rem;border-radius:18px;background:radial-gradient(120% 140% at 0% 0%,#6E1F12 0%,#3D0F08 65%);color:#FBEFD9;box-shadow:0 18px 40px rgba(61,15,8,.22);display:grid;gap:0}
.ab-facts div{padding:.85rem 0;border-bottom:1px solid rgba(217,181,104,.25)}
.ab-facts div:last-child{border-bottom:0}
.ab-facts dt{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#D9B568}
.ab-facts dd{margin:.15rem 0 0;font-family:var(--display);font-size:1.15rem;line-height:1.3;color:#F7DFA8}
@media (max-width:860px){.home-about .wrap{grid-template-columns:1fr;gap:2rem}}
.home-blog{background:var(--sand)}
.blog-card h3{font-family:var(--display);font-weight:400;font-size:1.3rem;margin:0;color:var(--maroon-deep);line-height:1.3}
.hb-more{text-align:center;margin:2.2rem 0 0}
.home-faq{background:var(--ivory)}
.faq-list{max-width:48rem;margin:2.4rem auto 0;display:grid;gap:.8rem}
.faq-item{background:var(--card);border:1px solid var(--sand-deep);border-radius:14px;transition:border-color .2s,box-shadow .2s}
.faq-item[open]{border-color:var(--saffron);box-shadow:0 10px 26px rgba(123,42,15,.08)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.3rem;font-weight:700;color:var(--maroon);line-height:1.4}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(216,100,28,.12);color:var(--saffron);font-size:1.3rem;font-weight:400;line-height:1;transition:transform .2s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item summary:focus-visible{outline:2px solid var(--saffron);outline-offset:2px;border-radius:14px}
.faq-a{padding:0 1.3rem 1.2rem}
.faq-a p{margin:0;color:var(--ink-soft);line-height:1.6}
.faq-a .faq-link{margin-top:.7rem}
.faq-a a{color:var(--saffron);font-weight:700;text-decoration:underline;text-underline-offset:3px}
/* Explore: darshan dwar tiles */
.explore{padding:4rem 0 4.4rem}
.explore-head{text-align:center;margin:0 0 2.2rem}
.explore-kicker{font-family:var(--display);color:#F2A65A;font-size:1.35rem;margin:0}
.explore-head h2{font-family:var(--display);font-weight:400;color:#F7DFA8;font-size:clamp(1.7rem,3.6vw,2.4rem);margin:.2rem 0 0;line-height:1.2;text-wrap:balance}
.dwar-grid{list-style:none;margin:0 auto;padding:0;max-width:64rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.dwar{height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:.9rem;padding:1.3rem 1.2rem 1.25rem;border-radius:999px 999px 16px 16px / 70px 70px 16px 16px;border:1px solid rgba(217,181,104,.32);background:rgba(255,255,255,.04);color:#FBEFD9;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.dwar:hover,.dwar:focus-visible{background:rgba(242,198,109,.12);border-color:#D9B568;transform:translateY(-3px)}
.dwar:focus-visible{outline:2px solid #F2A65A;outline-offset:3px}
.dwar-ico{width:46px;height:46px;flex:none;border-radius:50%;display:grid;place-items:center;align-self:center;background:rgba(217,181,104,.14);color:#F2C66D;box-shadow:inset 0 0 0 1px rgba(217,181,104,.45)}
.dwar-ico svg{width:24px;height:24px}
.dwar-text{display:flex;flex-direction:column;gap:.25rem;text-align:center}
.dwar-text b{font-family:var(--display);font-weight:400;font-size:1.12rem;line-height:1.25;color:#F7DFA8}
.dwar-text small{font-size:.86rem;line-height:1.4;color:#E3CBA5}
@media (max-width:860px){.dwar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.dwar-grid{gap:.7rem}.dwar{padding:1.1rem .8rem 1rem}.dwar-text b{font-size:1rem}.dwar-text small{font-size:.8rem}}
.post-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:2.2rem 0 0}
.pt-label{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.pt{font-size:.82rem;padding:.25rem .7rem;border-radius:999px;background:rgba(216,100,28,.1);color:var(--saffron-deep);border:1px solid rgba(216,100,28,.25)}
.post-sources a{color:inherit;text-decoration:underline;text-underline-offset:2px}
/* Merchandise */
.shop-hero{background:var(--card);border-bottom:1px solid var(--sand-deep);padding:3.6rem 0 2.6rem;text-align:center}
.shop-hero .wrap{max-width:52rem}
.shop-hero .kicker{font-family:var(--display);color:var(--saffron);font-size:1.35rem;margin:0}
.shop-hero h1{font-family:var(--display);font-weight:400;color:var(--maroon);font-size:clamp(2rem,4.6vw,3rem);line-height:1.12;margin:.3rem 0 1rem;text-wrap:balance}
.shop-hero p{color:var(--ink-soft);margin:0 auto}
.shop-steps{list-style:none;padding:0;margin:1.8rem auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem 1.6rem}
.shop-steps li{display:flex;align-items:center;gap:.55rem;font-weight:500;color:var(--ink)}
.shop-steps b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--saffron);color:#fff;font-size:.9rem}
.shop{background:var(--sand);padding:2.6rem 0 3.4rem}
.shop-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:1.6rem;align-items:start}
.shop-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.shop-card{display:grid;grid-template-columns:42% minmax(0,1fr);background:var(--card);border:1px solid var(--sand-deep);border-radius:16px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.shop-card.in-order{border-color:var(--saffron);box-shadow:0 10px 26px rgba(123,42,15,.12)}
.shop-photo{background:#F3E6CF}
.shop-photo img{width:100%;height:100%;object-fit:cover}
.shop-info{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1rem 1.1rem}
.shop-info h3{font-family:var(--display);font-weight:400;font-size:1.2rem;line-height:1.2;color:var(--maroon);margin:0}
.shop-desc{margin:0 0 .7rem;font-size:.88rem;line-height:1.45;color:var(--ink-soft)}
.qty{margin-top:auto;display:inline-flex;align-items:center;align-self:flex-start;border:1px solid var(--sand-deep);border-radius:999px;background:var(--ivory)}
.qty-btn{width:38px;height:38px;border:0;background:transparent;color:var(--maroon);display:grid;place-items:center;cursor:pointer;border-radius:50%}
.qty-btn:hover{background:rgba(216,100,28,.12)}
.qty-btn:focus-visible,.qty-in:focus-visible{outline:2px solid var(--saffron);outline-offset:1px}
.qty-btn svg{width:18px;height:18px}
.qty-in{width:2.6rem;border:0;background:transparent;text-align:center;font:inherit;font-weight:700;color:var(--ink);-moz-appearance:textfield}
.qty-in::-webkit-outer-spin-button,.qty-in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.order{position:sticky;top:84px;background:var(--card);border:2px solid var(--saffron);border-radius:18px;padding:1.4rem 1.3rem;box-shadow:0 16px 36px rgba(123,42,15,.12)}
.order h2{font-family:var(--display);font-weight:400;color:var(--maroon);font-size:1.55rem;margin:0 0 .6rem}
.order-empty{margin:0 0 .8rem;color:var(--ink-soft);font-size:.92rem}
.order-lines{list-style:none;margin:0;padding:0}
.order-lines li{display:flex;justify-content:space-between;gap:.8rem;padding:.45rem 0;border-bottom:1px dashed var(--sand-deep);font-size:.94rem}
.order-total{display:flex;justify-content:space-between;align-items:baseline;margin:.7rem 0 0;font-size:1.05rem}
.order-total b{font-size:1.3rem;color:var(--maroon)}
.order-form{display:grid;gap:.75rem;margin-top:1.1rem}
.order-form label{display:block;font-size:.86rem;font-weight:700;color:var(--ink)}
.order-form label input,.order-form label textarea{display:block;width:100%;box-sizing:border-box;margin-top:.3rem}
.order-form .opt{font-weight:400;color:var(--ink-soft)}
.order-form input,.order-form textarea{font:inherit;font-size:.95rem;font-weight:400;padding:.6rem .75rem;border:1px solid var(--sand-deep);border-radius:10px;background:var(--ivory);color:var(--ink);resize:vertical}
.order-form input:focus,.order-form textarea:focus{outline:2px solid var(--saffron);outline-offset:0;border-color:transparent}
.order-error{margin:0;font-size:.88rem;font-weight:700;color:#B3261E}
.order-send{justify-content:center;width:100%}
.order-note{margin:0;font-size:.8rem;line-height:1.45;color:var(--ink-soft)}
.shop-disclaimer{margin:1.6rem 0 0;font-size:.82rem;color:var(--ink-soft);text-align:center}
.order-bar{display:none}
@media (max-width:1020px){.shop-layout{grid-template-columns:1fr}.order{position:static;max-width:36rem;margin:0 auto;width:100%}}
@media (max-width:760px){.shop-grid{grid-template-columns:1fr}
  .order-bar:not([hidden]){display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:40;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.1rem;border-radius:14px;background:var(--maroon-deep);color:#FBEFD9;text-decoration:none;font-weight:500;box-shadow:0 12px 30px rgba(0,0,0,.3)}
  .order-bar b{color:#F2C66D}}
@media (max-width:400px){.shop-card{grid-template-columns:38% minmax(0,1fr)}.shop-info{padding:.8rem}.shop-info h3{font-size:1.08rem}}
.dwar-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:56rem}
@media (max-width:860px){.dwar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dwar-grid li:last-child:nth-child(odd){grid-column:1/-1}}
.size{display:flex;align-items:center;gap:.5rem;margin:0 0 .55rem;font-size:.85rem;font-weight:700;color:var(--ink)}
.size-sel{font:inherit;font-size:.9rem;font-weight:500;padding:.4rem .7rem;border:1px solid var(--sand-deep);border-radius:999px;background:var(--ivory);color:var(--ink);cursor:pointer}
.size-sel:focus-visible{outline:2px solid var(--saffron);outline-offset:1px}
/* Download QR */
.qr-open{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .95rem;border-radius:999px;border:1px solid rgba(217,181,104,.55);background:rgba(255,255,255,.06);color:#F7DFA8;font:inherit;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}
.qr-open:hover{background:rgba(242,198,109,.16);border-color:#D9B568}
.qr-open:focus-visible{outline:2px solid #F2A65A;outline-offset:2px}
.qr-open svg{width:18px;height:18px}
.qr-short{display:none}
@media (max-width:420px){.qr-long{display:none}.qr-short{display:inline}.qr-open{padding:.45rem .75rem}}
.qr-dlg{width:min(1000px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:20px;background:var(--card);color:var(--ink);box-shadow:0 30px 80px rgba(0,0,0,.4);overflow:auto}
.qr-dlg::backdrop{background:rgba(20,6,3,.7)}
.qr-x{position:absolute;top:10px;right:12px;width:38px;height:38px;border:0;border-radius:50%;background:var(--card);box-shadow:0 4px 14px rgba(0,0,0,.25);color:var(--ink);font-size:1.6rem;line-height:1;cursor:pointer;z-index:2}
.qr-body{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.qr-preview{position:relative;background:var(--sand);display:grid;place-items:center;padding:1.4rem;min-height:320px}
.qr-preview canvas{display:block;max-width:100%;max-height:calc(100dvh - 100px);width:auto;height:auto;border-radius:10px;box-shadow:0 14px 34px rgba(61,15,8,.25)}
.qr-status{position:absolute;bottom:.8rem;left:0;right:0;margin:0;text-align:center;font-size:.85rem;color:var(--ink-soft)}
.qr-opts{padding:1.6rem 1.5rem 1.4rem;display:grid;gap:.9rem;align-content:start}
.qr-kick{margin:0;font-family:var(--display);color:var(--saffron);font-size:1.1rem}
.qr-opts h2{margin:-.6rem 0 0;font-family:var(--display);font-weight:400;color:var(--maroon);font-size:1.8rem}
.qr-field{display:grid;gap:.4rem;margin:0;padding:0;border:0;font-size:.82rem;font-weight:700;letter-spacing:.04em;color:var(--ink)}
.qr-field legend{padding:0;margin-bottom:.4rem}
.qr-field select{font:inherit;font-size:.92rem;font-weight:500;letter-spacing:0;padding:.55rem .7rem;border:1px solid var(--sand-deep);border-radius:10px;background:var(--ivory);color:var(--ink)}
.qr-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.qr-chip input,.qr-swatch input{position:absolute;opacity:0;pointer-events:none}
.qr-chip span{display:inline-block;padding:.38rem .8rem;border-radius:999px;border:1px solid var(--sand-deep);background:var(--ivory);font-size:.85rem;font-weight:500;letter-spacing:0;cursor:pointer}
.qr-chip input:checked+span{background:var(--saffron);border-color:var(--saffron);color:#fff}
.qr-chip input:focus-visible+span,.qr-swatch input:focus-visible+span{outline:2px solid var(--saffron);outline-offset:2px}
.qr-chip input:disabled+span{opacity:.45;cursor:not-allowed}
.qr-swatches{display:flex;flex-wrap:wrap;gap:.55rem}
.qr-swatch{display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;width:64px}
.qr-swatch span{width:40px;height:40px;border-radius:50%;border:3px solid;box-shadow:0 0 0 2px transparent;transition:box-shadow .15s}
.qr-swatch input:checked+span{box-shadow:0 0 0 3px var(--card),0 0 0 5px var(--saffron)}
.qr-swatch em{font-style:normal;font-size:.68rem;font-weight:500;letter-spacing:0;text-align:center;line-height:1.2;color:var(--ink-soft)}
.qr-dl{justify-content:center;width:100%;margin-top:.3rem}
.qr-note{margin:0;font-size:.8rem;color:var(--ink-soft);text-align:center}
@media (max-width:760px){.qr-body{grid-template-columns:1fr}.qr-preview{padding:1rem;min-height:0}.qr-preview canvas{max-height:46dvh}.qr-opts{padding:1.2rem}}
.live-stats{display:flex;flex-wrap:wrap;gap:.8rem}
.live-stats:has(> .aarti-stat:not([hidden])){margin:0 0 1.6rem}
.live-stats .aarti-stat{margin:0;flex:1 1 14rem;max-width:22rem}
.darshan-stat{border-left-color:var(--maroon)}
.darshan-stat .as-top{color:var(--maroon)}
/* Donate */
.donate{background:var(--ivory);border-top:1px solid var(--sand-deep)}
.donate .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:3rem;align-items:center;max-width:64rem}
.dn-text .kicker{font-family:var(--display);color:var(--saffron);font-size:1.3rem;margin:0 0 .3rem}
.dn-text h2{font-family:var(--display);font-weight:400;color:var(--maroon);font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.15;margin:0 0 1rem;text-wrap:balance}
.dn-text p{color:var(--ink-soft);margin:0 0 1rem}
.dn-steps{margin:0 0 1.5rem;padding-left:1.3rem;color:var(--ink);display:grid;gap:.45rem}
.dn-card{background:radial-gradient(120% 140% at 0% 0%,#6E1F12 0%,#3D0F08 65%);color:#FBEFD9;border-radius:20px;padding:1.6rem 1.7rem 1.3rem;box-shadow:0 20px 44px rgba(61,15,8,.25);position:relative}
.dn-card::before{content:"";position:absolute;inset:9px;border:1px solid rgba(217,181,104,.4);border-radius:13px;pointer-events:none}
.dn-card-kick{margin:0 0 .4rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#F2A65A}
.dn-card dl{margin:0;display:grid}
.dn-card dl div{padding:.7rem 0;border-bottom:1px solid rgba(217,181,104,.22)}
.dn-card dl div:last-child{border-bottom:0}
.dn-card dt{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#D9B568}
.dn-card dd{margin:.2rem 0 0;display:flex;align-items:center;justify-content:space-between;gap:.8rem;font-family:var(--display);font-size:1.2rem;color:#F7DFA8;word-break:break-all}
.dn-val{font-variant-numeric:tabular-nums;letter-spacing:.03em}
.dn-copy{flex:none;font:inherit;font-family:var(--body);font-size:.78rem;font-weight:700;padding:.3rem .8rem;border-radius:999px;border:1px solid rgba(217,181,104,.6);background:rgba(255,255,255,.06);color:#F7DFA8;cursor:pointer}
.dn-copy:hover{background:rgba(242,198,109,.18)}
.dn-copy.ok{background:#2E7D4F;border-color:#2E7D4F;color:#fff}
.dn-copy:focus-visible{outline:2px solid #F2A65A;outline-offset:2px}
.dn-safe{margin:.9rem 0 0;font-size:.82rem;color:#E3CBA5}
@media (max-width:860px){.donate .wrap{grid-template-columns:1fr;gap:2rem}}