/*
Theme Name: Arunachala Shiva Foundation
Theme URI: https://www.arunachalashivafoundation.com/
Author: Aamir Sk
Description: Temple-silk theme for Arunachala Shiva Foundation, New Delhi. Maroon silk, zari gold and sandalwood design with a Lord Shiva page, weight loss camp, awareness program, donations (UPI, QR, bank), volunteer, gallery, YouTube videos and contact pages, in English, Hindi, Tamil, Telugu and Sanskrit. Activating the theme preinstalls 29 pages (including Stories of Shiva, mantras, Shiva puja, Maha Shivaratri, the 12 Jyotirlingas, Pancha Bhoota Sthalams, Girivalam, Karthigai Deepam, Ramana Maharshi, events, privacy, terms, refund, disclaimer, FAQ, sitemap, thank-you and news) with their full content (editable in the WordPress editor) and sets the home page.
Version: 1.3.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arunachala-shiva
Tags: one-column, custom-menu, featured-images, translation-ready, threaded-comments
*/
/* Arunachala Shiva Foundation — "Kanjeevaram" temple-silk system
   Layout: maroon silk bands and sandalwood bands, stitched with gold zari borders; Shiva-blue night for heroes. */
:root{
  color-scheme:dark;
  /* silk & night */
  --silk:#3A0A12;--silk-2:#4B0F1A;--silk-3:#5E1422;--silk-deep:#230509;
  --neela:#101F44;--neela-2:#1A3166;--neela-3:#2D5AA0;
  /* sandal & ash */
  --chandan:#F6ECD9;--chandan-2:#EEDCBB;--chandan-3:#E0C795;--vibhuti:#FBF6EC;
  /* ink */
  --ivory:#FBF3E4;--ivory-2:#E9D9BE;--kajal:#2A0B0E;--kajal-2:#5E3A31;
  /* temple accents */
  --zari:#D4A944;--zari-2:#F3DFA2;--zari-3:#9C7A2E;
  --kumkum:#B3121F;--kumkum-2:#D23B3B;--bhagwa:#E3711B;--haldi:#E8A317;--tulsi:#3E7A4A;--rudraksha:#6B3A22;
  --foil:linear-gradient(100deg,#9C7A2E 0%,#F3DFA2 18%,#D4A944 36%,#8A6623 52%,#F7E7B4 70%,#C9A04A 86%,#9C7A2E 100%);
  --f-en:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --f-body:'Mukta',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-hi:'Tiro Devanagari Hindi','Mukta',serif;
  --f-skt:'Tiro Devanagari Sanskrit','Tiro Devanagari Hindi',serif;
  --f-mark:'Cinzel',Georgia,serif;
  --max:1180px;--ease:cubic-bezier(.22,1,.36,1);--nav-h:74px;
  /* scoped defaults (silk) */
  --fg:var(--ivory);--fg2:var(--ivory-2);--surf:linear-gradient(165deg,#56101E,#3A0A12);--edge:rgba(212,169,68,.55);--accent:var(--zari);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--f-body);font-size:17px;line-height:1.7;background:var(--silk);color:var(--fg);overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:1000;background:var(--neela)}
img{max-width:100%;display:block}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--zari);outline-offset:3px;border-radius:6px}
::selection{background:var(--kumkum);color:var(--ivory)}
:lang(hi){font-family:var(--f-body)}
:lang(sa){font-family:var(--f-skt)}
.skip{position:absolute;left:-999px;top:8px;z-index:2000;background:var(--zari);color:var(--kajal);padding:10px 16px;border-radius:8px;font-weight:600}
.skip:focus{left:16px}

/* language switch */
html:not([data-lang]) :is(.hi,.ta,.te,.sa):not(.en),html[data-lang="en"] :is(.hi,.ta,.te,.sa):not(.en){display:none!important}
html[data-lang="hi"] :is(.en,.ta,.te,.sa):not(.hi){display:none!important}
html[data-lang="ta"] :is(.en,.hi,.te,.sa):not(.ta){display:none!important}
html[data-lang="te"] :is(.en,.hi,.ta,.sa):not(.te){display:none!important}
html[data-lang="sa"] :is(.en,.hi,.ta,.te):not(.sa){display:none!important}
:lang(ta){font-family:'Mukta Malar','Noto Sans Tamil',var(--f-body)}
:lang(te){font-family:'Hind Guntur','Noto Sans Telugu',var(--f-body)}
:is(h1,h2,h3,h4) .ta,.mq-item .ta{font-family:'Noto Serif Tamil','Mukta Malar',serif;font-weight:500;line-height:1.4}
:is(h1,h2,h3,h4) .te,.mq-item .te{font-family:'Noto Serif Telugu','Hind Guntur',serif;font-weight:500;line-height:1.4}
:is(h1,h2,h3,h4) .sa{font-family:var(--f-skt);font-weight:400;line-height:1.35}
html:is([data-lang="ta"],[data-lang="te"]) .h-xl{font-size:clamp(2rem,4.4vw,3.5rem)}
html:is([data-lang="ta"],[data-lang="te"]) .h-lg{font-size:clamp(1.7rem,3.4vw,2.7rem)}
html:is([data-lang="ta"],[data-lang="te"]) .h-md{font-size:clamp(1.35rem,2.2vw,1.75rem)}
html:is([data-lang="ta"],[data-lang="te"]) .h-sm{font-size:1.2rem}
html:is([data-lang="ta"],[data-lang="te"]) .menu a{font-size:.88rem;padding:10px 8px}
html:not([data-lang]) .dropcap>.dc:not(.en)::first-letter,html[data-lang] .dropcap>.dc::first-letter{float:none;font-size:inherit;padding:0;color:inherit}
html:not([data-lang]) .dropcap>.dc.en::first-letter,html[data-lang="en"] .dropcap>.dc.en::first-letter{font-family:var(--f-en);float:left;font-size:3.8em;line-height:.82;padding:8px 10px 0 0;color:var(--kumkum)}

/* ── bands ── */
.silk{--fg:var(--ivory);--fg2:var(--ivory-2);--surf:linear-gradient(165deg,#56101E,#3A0A12 75%);--edge:rgba(212,169,68,.55);--accent:var(--zari);background-color:var(--silk);color:var(--fg);
  background-image:repeating-linear-gradient(115deg,rgba(255,255,255,.018) 0 2px,transparent 2px 7px),radial-gradient(90% 70% at 50% 0%,rgba(179,18,31,.28),transparent 70%)}
.chandan{--fg:var(--kajal);--fg2:var(--kajal-2);--surf:linear-gradient(170deg,#FFFBF3,#F7EAD2);--edge:rgba(156,122,46,.6);--accent:var(--kumkum);background-color:var(--chandan);color:var(--fg);color-scheme:light;
  background-image:radial-gradient(circle at 1px 1px,rgba(156,122,46,.16) 1px,transparent 1.5px),radial-gradient(80% 60% at 50% 0%,rgba(232,163,23,.12),transparent 70%);background-size:22px 22px,auto}
.neela{--fg:var(--ivory);--fg2:#D6D9E6;--surf:linear-gradient(165deg,#1E3570,#101F44 75%);--edge:rgba(212,169,68,.5);--accent:var(--zari);color:var(--fg);
  background:radial-gradient(60% 60% at 75% 30%,rgba(227,113,27,.22),transparent 70%),radial-gradient(50% 50% at 10% 15%,rgba(45,90,160,.35),transparent 70%),linear-gradient(180deg,#0A1530,var(--neela) 60%,#13224A)}
.deep{--fg:var(--ivory);--fg2:var(--ivory-2);background:var(--silk-deep);color:var(--fg)}

.wrap{width:100%;max-width:var(--max);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.band{padding-block:clamp(68px,9vw,116px);position:relative}
.band.tight{padding-block:clamp(48px,6vw,76px)}
.grid{display:grid;gap:22px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,6vw,80px);align-items:center}
.split>*,.grid>*{min-width:0}
.stack{display:flex;flex-direction:column;gap:18px}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* ── zari border & toran ── */
.zari{height:30px;background-color:var(--silk);background-repeat:repeat-x;background-position:center;background-size:auto 30px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='30' viewBox='0 0 56 30'%3E%3Crect width='56' height='30' fill='%233A0A12'/%3E%3Cpath d='M0 3.5h56M0 26.5h56' stroke='%23D4A944' stroke-width='1.3'/%3E%3Cpath d='M0 6.5h56M0 23.5h56' stroke='%239C7A2E' stroke-width='.6'/%3E%3Cpath d='M0 23 L14 9 L28 23 L42 9 L56 23' fill='none' stroke='%23D4A944' stroke-width='1.3'/%3E%3Cpath d='M7 23 L14 16 L21 23M35 23 L42 16 L49 23' fill='none' stroke='%23F3DFA2' stroke-width='.7'/%3E%3Ccircle cx='28' cy='13' r='2.2' fill='%23E3711B'/%3E%3Ccircle cx='0' cy='13' r='2.2' fill='%23B3121F'/%3E%3Ccircle cx='56' cy='13' r='2.2' fill='%23B3121F'/%3E%3Ccircle cx='14' cy='5' r='.9' fill='%23F3DFA2'/%3E%3Ccircle cx='42' cy='5' r='.9' fill='%23F3DFA2'/%3E%3C/svg%3E");
  box-shadow:0 1px 0 rgba(0,0,0,.25),0 -1px 0 rgba(0,0,0,.25);animation:zari 40s linear infinite}
@keyframes zari{to{background-position:560px center}}
.toran{position:absolute;left:0;right:0;top:var(--nav-h);height:110px;z-index:3;pointer-events:none;overflow:hidden}
.toran svg{width:100%;height:100%}
.strand{transform-box:fill-box;transform-origin:50% 0;animation:sway 4.6s ease-in-out infinite}
@keyframes sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}

/* ── type ── */
.skt{font-family:var(--f-skt);color:var(--accent);font-size:1.15rem;line-height:1.5;display:inline-flex;align-items:center;gap:12px}
.skt::before{content:"";width:30px;height:1px;background:linear-gradient(90deg,transparent,currentColor)}
.chandan .skt{color:var(--kumkum)}
.tr{font-size:.92rem;color:var(--fg2);font-style:italic;margin-left:12px}
.head .tr,.phero .tr{display:inline-block}
h1,h2,h3,h4{font-family:var(--f-en);font-weight:500;line-height:1.14;text-wrap:balance;color:var(--fg)}
h1 .hi,h2 .hi,h3 .hi,h4 .hi{font-family:var(--f-hi);font-weight:400;line-height:1.35}
.h-xl{font-size:clamp(2.7rem,6.4vw,5.3rem);font-weight:500;letter-spacing:-.01em}
.h-lg{font-size:clamp(2.1rem,4.4vw,3.5rem)}
.h-md{font-size:clamp(1.55rem,2.6vw,2.05rem);font-weight:600}
.h-sm{font-size:1.4rem;font-weight:600}
.alt{display:block;font-family:var(--f-hi);font-size:.52em;font-weight:400;color:var(--accent);margin-top:.35em;letter-spacing:0}
.alt .hi{font-family:var(--f-en);font-style:italic}
.h-sm .alt{font-size:.78em;margin-top:.2em}
.foil{background:var(--foil);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 7s linear infinite}
@keyframes foil{to{background-position:-250% 0}}
.chandan .foil{background:linear-gradient(100deg,#7A1019,#B3121F 30%,#9C7A2E 55%,#7A1019 80%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text}
.lead{font-size:clamp(1.08rem,1.6vw,1.25rem);line-height:1.75;color:var(--fg2);max-width:62ch}
.lead .hi{font-size:1.04em}
.kicker{font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bhagwa)}
.chandan .kicker{color:var(--kumkum)}
.small{font-size:.92rem;color:var(--fg2)}
.head{display:flex;flex-direction:column;gap:12px;margin-bottom:clamp(34px,5vw,58px);max-width:760px}
.head.center{margin-inline:auto;text-align:center;align-items:center}
.head.center .skt::after{content:"";width:30px;height:1px;background:linear-gradient(270deg,transparent,currentColor)}
.prose p{margin-bottom:1.05em;color:var(--fg2);max-width:64ch}
.silk .dropcap>.en:first-child::first-letter,.neela .dropcap>.en:first-child::first-letter{color:var(--zari)}

/* ── icons & medallions ── */
.ic{width:24px;height:24px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ic.sm{width:18px;height:18px}
.plate{--c:var(--kumkum);position:relative;width:62px;height:62px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--zari-2);
  background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--c) 70%,#fff 10%),var(--c) 55%,color-mix(in srgb,var(--c) 60%,#000) 100%);
  box-shadow:0 0 0 2px #2a0b0e22,0 0 0 3px var(--zari),0 0 0 6px color-mix(in srgb,var(--zari) 25%,transparent),inset 0 2px 6px rgba(255,255,255,.25),inset 0 -6px 12px rgba(0,0,0,.35),0 12px 26px -12px rgba(0,0,0,.7)}
.plate::after{content:"";position:absolute;inset:5px;border-radius:50%;border:1px dashed rgba(243,223,162,.45);pointer-events:none}
.plate .ic{width:27px;height:27px;stroke-width:1.5;filter:drop-shadow(0 1px 0 rgba(0,0,0,.4))}
.plate.lg{width:78px;height:78px}.plate.lg .ic{width:34px;height:34px}
.plate.sm{width:44px;height:44px;box-shadow:0 0 0 2px var(--zari),inset 0 2px 5px rgba(255,255,255,.2),inset 0 -4px 8px rgba(0,0,0,.35)}
.plate.sm .ic{width:20px;height:20px}.plate.sm::after{inset:3px}
.t-kumkum{--c:#B3121F}.t-bhagwa{--c:#D3600F}.t-haldi{--c:#B97F0C}.t-neela{--c:#24488A}.t-tulsi{--c:#2F6A3C}.t-rudraksha{--c:#7A4024}
/* legacy tone names map onto temple colours */
.t-gold{--c:#B97F0C}.t-saffron{--c:#D3600F}.t-rose{--c:#B3121F}.t-teal{--c:#2F6A3C}.t-shiva{--c:#24488A}

/* ── framed plates (cards) ── */
.card{position:relative;padding:32px 28px 28px;background:var(--surf);color:var(--fg);border-radius:6px;isolation:isolate;
  box-shadow:0 0 0 1px var(--edge),inset 0 0 0 6px transparent,inset 0 0 0 7px color-mix(in srgb,var(--zari) 40%,transparent),0 24px 50px -30px rgba(0,0,0,.6);
  transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.card::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:0;transition:opacity .4s;background:radial-gradient(340px circle at var(--mx,50%) var(--my,0%),rgba(232,163,23,.18),transparent 60%)}
.card:hover{transform:translateY(-6px);box-shadow:0 0 0 1px var(--zari),inset 0 0 0 6px transparent,inset 0 0 0 7px color-mix(in srgb,var(--zari) 70%,transparent),0 34px 60px -28px rgba(0,0,0,.7)}
.card:hover::after{opacity:1}
.corner{position:absolute;width:30px;height:30px;color:var(--zari);pointer-events:none}
.corner.tl{top:10px;left:10px}.corner.tr{top:10px;right:10px;transform:scaleX(-1)}.corner.bl{bottom:10px;left:10px;transform:scaleY(-1)}.corner.br{bottom:10px;right:10px;transform:scale(-1)}
.chandan .corner{color:var(--zari-3)}
.card h3{margin:20px 0 8px}
.card p{color:var(--fg2);font-size:1rem}
.card .more{margin-top:18px;display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:600;font-size:.97rem}
.card .more .ic{transition:transform .3s var(--ease)}
.card:hover .more .ic{transform:translateX(5px)}
a.card{display:block}
.card.center{text-align:center}.card.center .plate{margin-inline:auto}
.tag{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:4px 12px;border-radius:999px;font-size:.82rem;font-weight:600;color:var(--accent);box-shadow:inset 0 0 0 1px var(--edge)}

/* feature plate */
.feature{display:grid;grid-template-columns:1fr 1.1fr;padding:0;overflow:hidden}
.feature>div{padding:clamp(28px,4vw,50px);min-width:0}
.feature .art{position:relative;display:grid;place-items:center;min-height:300px;overflow:hidden;
  background:radial-gradient(70% 70% at 50% 40%,rgba(232,163,23,.35),transparent 70%),linear-gradient(170deg,var(--neela-2),var(--neela))}
.feature .art .plate{width:132px;height:132px;position:relative;z-index:2}
.feature .art .plate .ic{width:58px;height:58px;stroke-width:1.3}
.feature .art .mandala{position:absolute;width:300px;height:300px;inset:auto;color:var(--zari);opacity:.35}
.ticks{list-style:none;display:grid;gap:10px;margin:18px 0 24px}
.ticks li{display:flex;gap:12px;align-items:flex-start;color:var(--fg2)}
.ticks li>.ic{color:var(--accent);margin-top:4px;width:18px;height:18px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 15px;border-radius:999px;font-size:.92rem;box-shadow:inset 0 0 0 1px var(--edge);color:var(--fg2);background:rgba(255,255,255,.03)}
.chip .ic{width:17px;height:17px;color:var(--accent)}

/* ── buttons ── */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:4px;border:0;cursor:pointer;
  font-weight:600;font-size:1rem;letter-spacing:.02em;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease);will-change:transform}
.btn .ic{width:19px;height:19px}
.btn-primary{background:linear-gradient(180deg,#F7E7B4,#D4A944 45%,#B58A2F);color:#3A0A12;box-shadow:0 0 0 1px #8A6623,inset 0 1px 0 rgba(255,255,255,.6),0 12px 28px -12px rgba(212,169,68,.8)}
.btn-primary:hover{box-shadow:0 0 0 1px #8A6623,inset 0 1px 0 rgba(255,255,255,.6),0 18px 36px -12px rgba(232,163,23,.95)}
.btn-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.7) 50%,transparent 70%);transform:translateX(-120%);transition:transform .9s var(--ease)}
.btn-primary:hover::after{transform:translateX(120%)}
.btn-kumkum{background:linear-gradient(180deg,#D23B3B,#B3121F 55%,#8A0C17);color:#FFF4E2;box-shadow:0 0 0 1px #D4A944,0 12px 28px -12px rgba(179,18,31,.9)}
.btn-ghost{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--edge)}
.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--zari);color:var(--accent)}
.btn-teal{background:linear-gradient(180deg,#3E9A55,#2F6A3C);color:#F6FFF4;box-shadow:0 0 0 1px #D4A944}
.btn-rose{background:linear-gradient(180deg,#D23B3B,#B3121F 55%,#8A0C17);color:#FFF4E2;box-shadow:0 0 0 1px #D4A944}
.btn.block{width:100%}
.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.4);transform:scale(0);animation:rip .6s ease-out forwards;pointer-events:none}
@keyframes rip{to{transform:scale(1);opacity:0}}
.link{color:var(--accent);display:inline-flex;gap:6px;align-items:center;font-weight:600;border-bottom:1px solid transparent;transition:border-color .2s}
.link:hover{border-color:currentColor}

/* ── nav ── */
.progress{position:fixed;top:env(safe-area-inset-top,0px);left:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);z-index:1001;background:linear-gradient(90deg,var(--kumkum),var(--bhagwa),var(--haldi),var(--zari-2))}
.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:900;transition:background-color .35s,box-shadow .35s}
.nav.scrolled{background:rgba(35,5,9,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(212,169,68,.4)}
.nav-in{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:14px}
.brand{display:flex;align-items:center;gap:12px;min-width:0;color:var(--ivory)}
.brand img{width:48px;height:48px;border-radius:50%;background:#fff;object-fit:cover;box-shadow:0 0 0 2px var(--zari),0 0 0 4px rgba(212,169,68,.25),0 0 22px -4px rgba(232,163,23,.7)}
.brand b{display:block;font-family:var(--f-mark);font-weight:600;font-size:.98rem;letter-spacing:.04em;line-height:1.15;white-space:nowrap}
.brand small{display:block;font-family:var(--f-hi);font-size:.86rem;color:var(--zari-2);line-height:1.2}
.menu{display:flex;align-items:center;gap:0}
.menu a{position:relative;padding:10px 11px;font-size:.96rem;color:var(--ivory-2);transition:color .2s}
.menu a::after{content:"";position:absolute;left:11px;right:11px;bottom:5px;height:1px;background:var(--zari);transform:scaleX(0);transition:transform .35s var(--ease)}
.menu a:hover,.menu a[aria-current="page"]{color:var(--zari-2)}
.menu a:hover::after,.menu a[aria-current="page"]::after{transform:scaleX(1)}
.has-sub{position:relative}
.sub{position:absolute;top:calc(100% + 10px);left:50%;translate:-50% 0;min-width:310px;padding:10px;border-radius:6px;background:linear-gradient(170deg,#4B0F1A,#2A0710);box-shadow:0 0 0 1px var(--zari),0 30px 60px -20px rgba(0,0,0,.8);
  opacity:0;visibility:hidden;transform:translateY(8px);transition:all .3s var(--ease)}
.has-sub:hover .sub,.has-sub:focus-within .sub{opacity:1;visibility:visible;transform:none}
.sub a{display:flex;gap:12px;align-items:center;padding:10px;border-radius:4px}
.sub a::after{display:none}
.sub a:hover{background:rgba(212,169,68,.08)}
.sub a span{display:flex;flex-direction:column;line-height:1.3;color:var(--ivory)}
.sub a em{font-style:normal;font-size:.82rem;color:var(--ivory-2)}
.nav .btn{min-height:44px;padding:0 18px;font-size:.94rem}
.lang{display:inline-flex;align-items:center;height:40px;border-radius:999px;border:0;padding:3px;cursor:pointer;background:rgba(0,0,0,.25);box-shadow:inset 0 0 0 1px rgba(212,169,68,.5)}
.lang span{min-width:38px;height:34px;display:grid;place-items:center;border-radius:999px;font-size:.88rem;font-weight:600;color:var(--ivory-2);transition:all .3s var(--ease)}
.lang span:last-child{font-family:var(--f-hi)}
html:not([data-lang="hi"]) .lang span:first-child,html[data-lang="hi"] .lang span:last-child{background:linear-gradient(180deg,#F7E7B4,#D4A944);color:#3A0A12}
.burger{display:none;width:46px;height:46px;border-radius:6px;border:0;background:rgba(0,0,0,.25);box-shadow:inset 0 0 0 1px rgba(212,169,68,.5);cursor:pointer;place-items:center}
.burger span{display:block;width:20px;height:1.6px;background:var(--zari);position:relative;transition:background .2s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:20px;height:1.6px;background:var(--zari);transition:transform .35s var(--ease)}
.burger span::before{top:-6px}.burger span::after{top:6px}
.burger[aria-expanded="true"] span{background:transparent}
.burger[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}
.drawer{position:fixed;inset:0;z-index:950;background:rgba(20,3,6,.6);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:all .35s}
.drawer.open{opacity:1;visibility:visible}
.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(390px,90vw);background:linear-gradient(180deg,#4B0F1A,#230509);box-shadow:-1px 0 0 var(--zari);color:var(--ivory);
  padding:calc(env(safe-area-inset-top,0px) + 18px) max(20px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 24px) 20px;
  display:flex;flex-direction:column;gap:4px;overflow-y:auto;transform:translateX(100%);transition:transform .45s var(--ease)}
.drawer.open .drawer-panel{transform:none}
.drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}
.drawer a.dl{display:flex;align-items:center;gap:14px;padding:10px;border-radius:6px;font-size:1.05rem;opacity:0;transform:translateX(16px);transition:all .4s var(--ease)}
.drawer a.dl .hi{font-family:var(--f-hi)}
.drawer.open a.dl{opacity:1;transform:none}
.drawer a.dl:hover,.drawer a.dl[aria-current="page"]{background:rgba(212,169,68,.1)}
.drawer .btn{margin-top:14px}
.x{width:44px;height:44px;border-radius:6px;border:0;background:rgba(0,0,0,.25);color:var(--ivory);cursor:pointer;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(212,169,68,.4)}

/* ── hero ── */
.hero,.phero{position:relative;margin-top:calc(var(--nav-h) * -1);overflow:hidden;color:var(--ivory)}
.hero{padding-top:calc(var(--nav-h) + clamp(90px,10vw,130px))}
.phero{padding-top:calc(var(--nav-h) + clamp(100px,11vw,140px))}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.stars{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 12% 22%,#fff9,transparent 50%),radial-gradient(1px 1px at 28% 12%,#fff7,transparent 50%),radial-gradient(1.2px 1.2px at 46% 26%,#fff8,transparent 50%),radial-gradient(1px 1px at 63% 16%,#fff6,transparent 50%),radial-gradient(1px 1px at 82% 30%,#fff8,transparent 50%),radial-gradient(1px 1px at 92% 13%,#fff6,transparent 50%),radial-gradient(1px 1px at 6% 42%,#fff5,transparent 50%),radial-gradient(1px 1px at 38% 44%,#fff4,transparent 50%);animation:twinkle 6s ease-in-out infinite alternate}
@keyframes twinkle{to{opacity:.4}}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,5vw,64px);align-items:center}
.hero-grid>*{min-width:0}
.slogan-skt{font-family:var(--f-skt);font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.4}
.hero h1{margin:14px 0 6px}
.hero .hindi-line{font-family:var(--f-hi);font-size:clamp(1.4rem,2.8vw,2.1rem);color:var(--zari-2);margin-bottom:18px;display:block}
.hero h1 .w,.phero h1 .w{display:inline-block;opacity:0;transform:translateY(.45em);animation:wordIn .9s var(--ease) forwards}
@keyframes wordIn{to{opacity:1;transform:none}}
.hero .lead{margin-bottom:30px;color:#E6E3EE}
.hero-seal{position:relative;justify-self:center;width:min(430px,80vw);aspect-ratio:1;max-width:100%}
.hero-seal .disc{position:absolute;inset:17%;border-radius:50%;background:#fff;box-shadow:0 0 0 4px var(--zari),0 0 0 10px rgba(212,169,68,.18),0 0 0 11px var(--zari-3),0 40px 100px -20px rgba(227,113,27,.6);overflow:hidden;animation:float 7s ease-in-out infinite}
.hero-seal .disc img{width:100%;height:100%;object-fit:cover}
.mandala{position:absolute;inset:0;color:var(--zari);opacity:.6;animation:turn 90s linear infinite}
.mandala.m2{inset:7%;opacity:.45;animation-duration:55s;animation-direction:reverse;color:var(--bhagwa)}
@keyframes turn{to{transform:rotate(360deg)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.horizon{position:relative;z-index:1;margin-top:clamp(28px,5vw,56px);height:clamp(140px,22vw,260px)}
.phero .horizon{height:clamp(90px,14vw,160px);margin-top:clamp(28px,5vw,48px)}
.horizon svg{position:absolute;inset:0;width:100%;height:100%}
.hill-line{stroke-dasharray:2400;stroke-dashoffset:2400;animation:draw 3.2s .4s var(--ease) forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.flame{transform-origin:50% 100%;animation:flicker 1.5s ease-in-out infinite alternate}
@keyframes flicker{0%{transform:scale(1,1) rotate(-2deg)}50%{transform:scale(.93,1.09) rotate(2deg)}100%{transform:scale(1.04,.96) rotate(-1deg)}}
.glow{animation:glow 3s ease-in-out infinite alternate}
@keyframes glow{from{opacity:.55}to{opacity:1}}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;color:#D6D9E6;font-size:.95rem}
.trust span{display:inline-flex;align-items:center;gap:8px}
.trust .ic{width:18px;height:18px;color:var(--zari)}
.phero .wrap{position:relative;z-index:2}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.92rem;color:#C9CDE0;margin-bottom:18px}
.crumbs a:hover{color:var(--zari-2)}
.crumbs .ic{width:14px;height:14px}
.phero-row{display:flex;gap:28px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.phero-row>div{min-width:0;max-width:780px}
.phero .lead{color:#E6E3EE}

/* marquee */
.marquee{overflow:hidden;position:relative;background:var(--silk-deep)}
.marquee-track{display:flex;width:max-content;animation:mq 42s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.mq-item{display:flex;align-items:center;gap:12px;padding:18px 28px;white-space:nowrap;font-size:1.15rem;color:var(--ivory-2)}
.mq-item b{font-family:var(--f-en);font-weight:600;font-size:1.3rem;color:var(--ivory)}
.mq-item i{font-style:normal;font-family:var(--f-hi);color:var(--zari-2)}
.mq-item .ic{color:var(--bhagwa);width:20px;height:20px}
.mq-sep{color:var(--zari);font-size:.9rem}
@keyframes mq{to{transform:translateX(-50%)}}

/* mantra (chant) */
.mantra{position:relative;text-align:center;max-width:900px;margin:0 auto}
.mantra .om{font-family:var(--f-skt);font-size:clamp(4rem,10vw,7rem);line-height:1;background:var(--foil);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 7s linear infinite;filter:drop-shadow(0 0 30px rgba(232,163,23,.35))}
.mantra .lines{font-family:var(--f-skt);font-size:clamp(1.4rem,3.2vw,2.15rem);line-height:1.75;color:var(--zari-2);margin:18px 0 22px}
.mantra .lines .wd{display:inline-block;transition:color .5s,text-shadow .5s,opacity .6s}
.js .mantra.chanting .lines .wd{opacity:.35}
.js .mantra.chanting .lines .wd.lit{opacity:1;color:#FFF3C9;text-shadow:0 0 18px rgba(232,163,23,.8)}
.mantra .meaning{color:var(--fg2);font-size:1.08rem;max-width:62ch;margin:0 auto}
.mantra .src{margin-top:12px;font-size:.88rem;color:var(--fg2);opacity:.85}
.orn{width:150px;height:22px;margin:22px auto 0;color:var(--zari);display:block}

/* syllables (panchakshara) */
.syl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.syl .card{text-align:center;padding:28px 14px}
.syl .ltr{font-family:var(--f-skt);font-size:3.2rem;line-height:1.1;background:var(--foil);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:foil 7s linear infinite}
.chandan .syl .ltr{background:linear-gradient(180deg,#D23B3B,#8A0C17);-webkit-background-clip:text;background-clip:text}
.syl h4{font-family:var(--f-body);font-size:1rem;font-weight:600;margin-top:8px}

/* jyotirlinga list */
.jl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.jl li{list-style:none;display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:6px;background:var(--surf);box-shadow:0 0 0 1px var(--edge)}
.jl .num{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;font-family:var(--f-en);font-weight:600;font-size:1.1rem;color:#FFF4E2;background:radial-gradient(circle at 35% 30%,#D23B3B,#8A0C17);box-shadow:0 0 0 2px var(--zari)}
.jl b{display:block;font-weight:600;line-height:1.3}
.jl span{font-size:.88rem;color:var(--fg2)}

/* steps */
.steps{display:grid;gap:18px}
.step{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}
.step .n{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-family:var(--f-en);font-weight:600;font-size:1.35rem;color:#3A0A12;background:linear-gradient(180deg,#F7E7B4,#D4A944);box-shadow:0 0 0 1px #8A6623,0 0 0 6px rgba(212,169,68,.15)}
.step h4{font-family:var(--f-body);font-weight:600;font-size:1.08rem;margin-bottom:2px}
.step p{color:var(--fg2);font-size:.98rem}

/* timeline */
.timeline{position:relative;padding-left:36px}
.timeline::before{content:"";position:absolute;left:12px;top:6px;bottom:6px;width:2px;background:color-mix(in srgb,var(--zari) 25%,transparent)}
.timeline .fill{position:absolute;left:12px;top:6px;width:2px;height:0;background:linear-gradient(180deg,var(--haldi),var(--bhagwa),var(--kumkum));transition:height .2s linear}
.tl-item{position:relative;padding:0 0 24px}
.tl-item::before{content:"";position:absolute;left:-30px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--bhagwa);box-shadow:0 0 0 3px var(--chandan),0 0 0 4px var(--zari)}
.tl-item time{font-size:.88rem;color:var(--kumkum);font-weight:700;letter-spacing:.04em}
.tl-item h4{font-family:var(--f-body);font-weight:600;font-size:1.06rem;margin:2px 0 2px}
.tl-item p{color:var(--fg2);font-size:.96rem}

/* accordion */
.faq{display:grid;gap:12px}
.qa{border-radius:6px;background:var(--surf);box-shadow:0 0 0 1px var(--edge)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-weight:600}
.qa summary::-webkit-details-marker{display:none}
.qa summary .ic{color:var(--accent);transition:transform .35s var(--ease)}
.qa[open] summary .ic{transform:rotate(45deg)}
.qa .ans{padding:0 20px 18px;color:var(--fg2)}

/* donate */
.give{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.give>*{min-width:0}
.qr-plate{text-align:center}
.qr-frame{position:relative;display:inline-block;padding:14px;border-radius:6px;background:#fff;margin:20px auto 18px;box-shadow:0 0 0 3px var(--zari),0 0 0 8px rgba(212,169,68,.2),0 30px 60px -20px rgba(0,0,0,.6)}
.qr-frame img{width:220px;height:220px;object-fit:contain}
.qr-frame::before{content:"";position:absolute;inset:-14px;border-radius:10px;border:1.5px solid var(--zari);opacity:.6;animation:ping 2.6s var(--ease) infinite}
@keyframes ping{0%{transform:scale(.97);opacity:.7}100%{transform:scale(1.08);opacity:0}}
.scanbar{position:absolute;left:14px;right:14px;height:2px;top:14px;background:linear-gradient(90deg,transparent,var(--kumkum),transparent);box-shadow:0 0 12px var(--kumkum);animation:scan 2.8s ease-in-out infinite}
@keyframes scan{0%,100%{top:16px}50%{top:calc(100% - 16px)}}
.kv div{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 0;border-bottom:1px solid color-mix(in srgb,var(--zari) 22%,transparent)}
.kv div:last-child{border-bottom:0}
.kv dt{font-size:.9rem;color:var(--fg2)}
.kv dd{font-weight:600;text-align:right;word-break:break-all;display:flex;align-items:center;gap:8px;justify-content:flex-end;font-variant-numeric:tabular-nums}
.copy{width:36px;height:36px;flex:none;border-radius:4px;border:0;cursor:pointer;background:rgba(212,169,68,.14);color:var(--accent);display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--edge)}
.copy:hover{background:rgba(212,169,68,.28)}
.copy .ic{width:16px;height:16px}
.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);translate:-50% 0;z-index:1200;padding:12px 20px;border-radius:4px;background:linear-gradient(180deg,#F7E7B4,#D4A944);color:#3A0A12;font-weight:600;display:flex;gap:10px;align-items:center;box-shadow:0 0 0 1px #8A6623;
  opacity:0;transform:translateY(16px);transition:all .4s var(--ease);pointer-events:none}
.toast.show{opacity:1;transform:none}

/* forms */
.form{display:grid;gap:16px}
.field{display:grid;gap:6px}
.field label{font-size:.94rem;font-weight:600;color:var(--fg)}
.field input,.field select,.field textarea{width:100%;min-height:52px;padding:12px 16px;border-radius:4px;border:0;background:#FFFDF8;color:var(--kajal);box-shadow:inset 0 0 0 1px rgba(156,122,46,.55);transition:box-shadow .25s}
.field select{color-scheme:light}
.field textarea{min-height:120px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#8a7466}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;box-shadow:inset 0 0 0 2px var(--zari),0 0 0 4px rgba(212,169,68,.2)}
.field .err{font-size:.88rem;color:var(--kumkum-2);font-weight:600}
.silk .field .err,.neela .field .err{color:#FF9C8F}
.field.bad input,.field.bad select,.field.bad textarea{box-shadow:inset 0 0 0 2px var(--kumkum)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.f2>*{min-width:0}
.done{display:grid;gap:12px;text-align:center;justify-items:center;padding:20px 0}

/* gallery */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.filters button{min-height:44px;padding:0 18px;border-radius:999px;border:0;cursor:pointer;background:transparent;box-shadow:inset 0 0 0 1px var(--edge);color:var(--fg);transition:all .25s}
.filters button[aria-pressed="true"]{background:linear-gradient(180deg,#D23B3B,#8A0C17);color:#FFF4E2;box-shadow:0 0 0 1px var(--zari)}
.masonry{columns:3 260px;column-gap:18px}
.tile{break-inside:avoid;margin-bottom:18px;border-radius:6px;overflow:hidden;position:relative;cursor:zoom-in;border:0;width:100%;display:block;padding:0;background:none;text-align:left;color:var(--ivory);box-shadow:0 0 0 1px var(--zari),0 0 0 5px var(--silk),0 0 0 6px var(--zari-3)}
.tile.hide{display:none}
.tile .scene{width:100%;display:block;transition:transform .8s var(--ease)}
.tile:hover .scene{transform:scale(1.05)}
.tile figcaption{position:absolute;inset:auto 0 0;padding:40px 16px 14px;background:linear-gradient(transparent,rgba(35,5,9,.92));display:flex;justify-content:space-between;align-items:end;gap:10px}
.tile figcaption b{font-family:var(--f-en);font-size:1.2rem;font-weight:600;line-height:1.2}
.tile figcaption span{font-size:.8rem;color:var(--zari-2)}
.lightbox{position:fixed;inset:0;z-index:1100;background:rgba(20,3,6,.94);display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:all .35s;color:var(--ivory)}
.lightbox.open{opacity:1;visibility:visible}
.lightbox figure{max-width:min(900px,92vw);transform:scale(.94);transition:transform .45s var(--ease)}
.lightbox.open figure{transform:none}
.lightbox .scene{width:100%;border-radius:6px;box-shadow:0 0 0 2px var(--zari)}
.lightbox figcaption{margin-top:14px;text-align:center;font-family:var(--f-en);font-size:1.35rem}
.lb-x{position:absolute;top:calc(env(safe-area-inset-top,0px) + 16px);right:max(16px,env(safe-area-inset-right,0px))}

/* map plate */
.mapplate{position:relative;border-radius:6px;overflow:hidden;min-height:270px;background:linear-gradient(160deg,#4B0F1A,#2A0710);box-shadow:0 0 0 1px var(--zari)}
.mapplate svg{position:absolute;inset:0;width:100%;height:100%}
.pin{position:absolute;left:50%;top:44%;translate:-50% -100%;animation:bounce 2s ease-in-out infinite}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.mapplate .addr{position:absolute;left:14px;right:14px;bottom:14px;padding:14px 16px;border-radius:4px;background:rgba(251,243,228,.95);color:var(--kajal);display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:0 0 0 1px var(--zari)}
.mapplate .addr .small{color:var(--kajal-2)}
.mapplate .addr .btn-ghost{color:var(--kajal);box-shadow:inset 0 0 0 1px var(--zari-3)}

/* CTA */
.cta{position:relative;overflow:hidden;border-radius:6px;padding:clamp(40px,6vw,76px) clamp(20px,5vw,60px);text-align:center;color:var(--ivory);
  background:radial-gradient(60% 120% at 50% 120%,rgba(227,113,27,.45),transparent 70%),radial-gradient(50% 80% at 0% 0%,rgba(45,90,160,.4),transparent 70%),linear-gradient(170deg,#1A3166,#101F44);
  box-shadow:0 0 0 1px var(--zari),inset 0 0 0 8px transparent,inset 0 0 0 9px rgba(212,169,68,.5)}
.cta .lead{margin:0 auto;color:#E6E3EE}
.cta .row{justify-content:center;margin-top:26px}
.diyas{display:flex;justify-content:center;gap:clamp(16px,4vw,40px);margin-top:30px}
.diyas svg{width:44px;height:44px}

/* footer */
.foot{--fg:var(--ivory);--fg2:var(--ivory-2);background:linear-gradient(180deg,#2A0710,#170306);color:var(--ivory);padding-top:60px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 28px)}
.foot-slogan{text-align:center;padding-bottom:40px;margin-bottom:44px;border-bottom:1px solid rgba(212,169,68,.25)}
.foot-slogan .slogan-skt{color:var(--zari-2)}
.foot-slogan p{font-family:var(--f-en);font-style:italic;font-size:1.35rem;color:var(--ivory-2)}
.foot-slogan p.hi-l{font-family:var(--f-hi);font-style:normal;font-size:1.25rem;color:var(--zari)}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:36px}
.foot-grid>*{min-width:0}
.foot h4{font-family:var(--f-body);font-size:.86rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--zari);margin-bottom:16px}
.foot ul{list-style:none;display:grid;gap:10px}
.foot ul a{color:var(--ivory-2);font-size:.97rem;transition:color .2s}
.foot ul a:hover{color:var(--zari-2)}
.foot .about-f p{color:var(--ivory-2);font-size:.97rem;margin:14px 0 18px;max-width:42ch}
.socials{display:flex;gap:10px}
.socials a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--zari-2);box-shadow:inset 0 0 0 1px rgba(212,169,68,.5);transition:all .25s}
.socials a:hover{background:var(--zari);color:var(--silk);transform:translateY(-3px)}
.foot-bottom{margin-top:44px;padding-top:22px;border-top:1px solid rgba(212,169,68,.2);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--ivory-2);font-size:.9rem}

/* floating */
.fab{position:fixed;z-index:880;right:calc(max(16px,env(safe-area-inset-right,0px)) + 2px);bottom:calc(env(safe-area-inset-bottom,0px) + 18px);display:flex;flex-direction:column;gap:12px;align-items:flex-end}
.fab a,.fab button{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;box-shadow:0 14px 30px -10px rgba(0,0,0,.7)}
.fab .wa{background:#25D366;color:#fff}
.fab .give-fab{background:linear-gradient(180deg,#F7E7B4,#D4A944);color:#3A0A12;width:auto;border-radius:999px;padding:0 20px;gap:8px;display:flex;align-items:center;font-weight:700;box-shadow:0 0 0 1px #8A6623,0 14px 30px -10px rgba(0,0,0,.6);animation:breathe 3s ease-in-out infinite}
@keyframes breathe{50%{box-shadow:0 0 0 1px #8A6623,0 0 0 10px rgba(212,169,68,.15),0 14px 30px -10px rgba(232,163,23,.8)}}
.fab .top{background:var(--silk-2);color:var(--zari);position:relative;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s}
.fab .top.on{opacity:1;visibility:visible;transform:none}
.fab .top svg.ring{position:absolute;inset:0;width:54px;height:54px;transform:rotate(-90deg)}

/* preloader */
.pre{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;align-content:center;gap:14px;background:radial-gradient(60% 60% at 50% 45%,#4B0F1A,#170306);animation:preOut .6s 1.2s var(--ease) forwards}
.pre svg{width:120px;height:90px}
.pre .pl{stroke-dasharray:300;stroke-dashoffset:300;animation:draw 1s var(--ease) forwards}
.pre p{font-family:var(--f-skt);color:var(--zari-2);font-size:1.2rem;text-align:center;opacity:0;animation:fadeIn .6s .3s forwards}
@keyframes fadeIn{to{opacity:1}}
@keyframes preOut{to{opacity:0;visibility:hidden}}
.veil{position:fixed;inset:0;z-index:2500;background:var(--silk-deep);pointer-events:none;opacity:0;transition:opacity .35s ease}
.veil.on{opacity:1}

/* reveal */
.js .rv{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i,0) * 90ms)}
.js .rv.from-l{transform:translateX(-34px)}.js .rv.from-r{transform:translateX(34px)}.js .rv.zoom{transform:scale(.94)}
.js .rv.in{opacity:1;transform:none}
.tilt{transform-style:preserve-3d;transition:transform .5s var(--ease)}

/* responsive */
@media (max-width:1260px){
  .menu,.nav .nav-give{display:none}
  .burger{display:grid}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-grid{grid-template-columns:1fr 1fr}
  .jl{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .hero-grid,.split,.give,.feature{grid-template-columns:1fr}
  .hero-seal{width:min(300px,72vw);order:-1}
  .g3{grid-template-columns:1fr 1fr}
  .syl{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
  .syl .card{padding:20px 6px}.syl .ltr{font-size:2.2rem}.syl p{display:none}
  .feature .art{min-height:230px}
  .toran{height:80px}
}
@media (max-width:600px){
  :root{--nav-h:66px}
  body{font-size:16px}
  .g2,.g3,.g4,.f2,.jl{grid-template-columns:1fr}
  .brand b{font-size:.84rem;white-space:normal}
  .brand img{width:42px;height:42px}
  .brand small{font-size:.78rem}
  .card{padding:28px 20px 22px}
  .hero .row .btn{flex:1 1 100%}
  .foot-grid{grid-template-columns:1fr}
  .fab .give-fab span{display:none}
  .fab .give-fab{width:54px;padding:0;justify-content:center}
  .qr-frame img{width:190px;height:190px}
  .kv div{flex-direction:column;align-items:flex-start;gap:4px}
  .kv dd{text-align:left;justify-content:flex-start}
  .lang span{min-width:34px}
  .syl h4{font-size:.8rem}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .hero h1 .w,.phero h1 .w{opacity:1;transform:none}.hill-line{stroke-dashoffset:0}
  .js .rv{opacity:1;transform:none}
  .js .mantra.chanting .lines .wd{opacity:1}
}

/* nav additions: language menu, home button, caret */
.nav-tools{flex-wrap:nowrap;gap:10px}
.menu a .ic.sm{width:15px;height:15px;margin-right:5px;vertical-align:-2px}
.menu .caret{margin:0 0 0 3px!important;opacity:.7}
.langsel{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;border-radius:999px;border:0;cursor:pointer;background:rgba(0,0,0,.25);color:var(--ivory);box-shadow:inset 0 0 0 1px rgba(212,169,68,.55);font-weight:600}
.lang-btn .ic{width:18px;height:18px;color:var(--zari)}.lang-btn .ic.sm{width:14px;height:14px;transition:transform .3s}
.lang-btn[aria-expanded="true"] .ic.sm{transform:rotate(180deg)}
.langsel ul{list-style:none;position:absolute;right:0;top:calc(100% + 10px);min-width:180px;padding:8px;border-radius:6px;background:linear-gradient(170deg,#4B0F1A,#2A0710);box-shadow:0 0 0 1px var(--zari),0 30px 60px -20px rgba(0,0,0,.8);opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s var(--ease);z-index:950}
.langsel.open ul{opacity:1;visibility:visible;transform:none}
.langsel li button,.langrow button{width:100%;text-align:left;min-height:44px;padding:8px 14px;border:0;border-radius:4px;background:transparent;color:var(--ivory);cursor:pointer;font-size:1rem}
.langsel li button:hover,.langsel li button[aria-checked="true"]{background:rgba(212,169,68,.15);color:var(--zari-2)}
.langsel li button[aria-checked="true"]::after{content:" ✓";color:var(--zari)}
.langrow{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid rgba(212,169,68,.25)}
.langrow button{width:auto;text-align:center;padding:6px 12px;min-height:40px;box-shadow:inset 0 0 0 1px rgba(212,169,68,.4);font-size:.95rem}
.langrow button[aria-pressed="true"]{background:linear-gradient(180deg,#F7E7B4,#D4A944);color:#3A0A12}
.home-btn{display:none;width:46px;height:46px;border-radius:6px;place-items:center;color:var(--zari);background:rgba(0,0,0,.25);box-shadow:inset 0 0 0 1px rgba(212,169,68,.5)}
.crumbs a{display:inline-flex;align-items:center;gap:6px}
/* related pages */
.related .card.rel{padding:24px 22px 20px}
.related .card.rel p{font-size:.93rem;margin-top:4px}
.related .card.rel .more{margin-top:12px}
/* video player */
.vplayer{position:relative;max-width:900px;margin:0 auto;aspect-ratio:16/9;border-radius:6px;overflow:hidden;box-shadow:0 0 0 2px var(--zari),0 0 0 8px rgba(212,169,68,.15),0 40px 80px -30px rgba(0,0,0,.8);background:#000}
.vplayer.big{max-width:1040px}
.vplayer iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vposter{position:absolute;inset:0;width:100%;border:0;cursor:pointer;display:grid;place-items:center;color:var(--ivory);background:radial-gradient(60% 70% at 50% 45%,rgba(227,113,27,.4),transparent 70%),linear-gradient(160deg,#4B0F1A,#1A3166)}
.vposter .vbg{position:absolute;inset:-10%;display:grid;place-items:center;opacity:.5}
.vposter .vbg .mandala{position:relative;width:min(560px,90%);height:auto;aspect-ratio:1;inset:auto}
.vposter .vlogo{position:absolute;top:18px;left:18px;width:56px;height:56px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--zari)}
.vplay{position:relative;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;color:#3A0A12;background:linear-gradient(180deg,#F7E7B4,#D4A944);box-shadow:0 0 0 8px rgba(212,169,68,.25),0 20px 40px -10px rgba(0,0,0,.6);transition:transform .35s var(--ease)}
.vplay::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--zari);animation:ping 2.2s var(--ease) infinite}
.vplay .ic{width:36px;height:36px;margin-left:5px;stroke:none}
.vposter:hover .vplay{transform:scale(1.08)}
.vcap{position:absolute;left:0;right:0;bottom:0;padding:18px 22px;text-align:left;background:linear-gradient(transparent,rgba(20,3,6,.85));display:flex;flex-direction:column}
.vcap b{font-family:var(--f-en);font-size:1.4rem;font-weight:600}
.vcap small{color:var(--zari-2);font-size:.92rem}
.vlinks{justify-content:center;margin-top:22px}
.vfail{position:absolute;inset:auto 0 0;padding:12px;text-align:center;background:rgba(20,3,6,.9);font-size:.92rem}

/* polish */
html{text-rendering:optimizeLegibility}
[id]{scroll-margin-top:calc(var(--nav-h) + 24px)}
img{decoding:async}
.credit{margin-top:14px;text-align:center;font-size:.7rem;letter-spacing:.06em;color:rgba(233,217,190,.45)}
.credit span{color:rgba(243,223,162,.7);font-weight:600}
.btn:active{transform:translateY(1px) scale(.98)}
.card .plate{transition:transform .5s var(--ease)}
.card:hover .plate{transform:rotate(-6deg) scale(1.06)}
.menu a,.sub a,.foot ul a,.link{-webkit-tap-highlight-color:transparent}
.head .h-lg,.head .h-md{letter-spacing:.005em}
.lead{text-wrap:pretty}
.prose p,.card p,.ticks li{text-wrap:pretty;hyphens:manual}
.related .card.rel .plate{margin-top:2px}
.nav.scrolled .brand img{width:42px;height:42px;transition:all .3s}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#170306}::-webkit-scrollbar-thumb{background:linear-gradient(#D4A944,#9C7A2E);border-radius:10px;border:2px solid #170306}
.legal{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:22px;font-size:.84rem}
.legal a{color:var(--ivory-2);opacity:.8}.legal a:hover{color:var(--zari-2);opacity:1}
.drawer a.dl.dl-sub{padding:7px 10px 7px 30px;font-size:.98rem}
.drawer a.dl.dl-sub .plate.sm{width:36px;height:36px}.drawer a.dl.dl-sub .plate.sm .ic{width:17px;height:17px}
.sub:has(> a:nth-child(6)){display:grid;grid-template-columns:1fr 1fr;min-width:620px;gap:2px}

/* ── WordPress additions ── */
.admin-bar .nav{top:32px}
@media (max-width:782px){.admin-bar .nav{top:46px}}
.admin-bar .drawer-panel{padding-top:calc(env(safe-area-inset-top,0px) + 64px)}
.entry{max-width:780px;margin:0 auto;font-size:1.06rem;line-height:1.8;color:var(--fg)}
.entry>*+*{margin-top:1.1em}
.entry h2,.entry h3,.entry h4{font-family:var(--f-en);color:var(--fg);margin-top:1.6em}
.entry h2{font-size:2rem}.entry h3{font-size:1.55rem}.entry h4{font-size:1.25rem}
.entry a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.entry ul,.entry ol{padding-left:1.4em}.entry li+li{margin-top:.4em}
.entry blockquote{border-left:3px solid var(--zari);padding:6px 0 6px 20px;font-family:var(--f-en);font-style:italic;font-size:1.3rem;color:var(--fg2)}
.entry img,.entry .wp-block-image img{border-radius:6px;height:auto}
.entry figure{margin:1.6em 0}.entry figcaption{font-size:.9rem;color:var(--fg2);text-align:center;margin-top:8px}
.entry .alignwide{max-width:1100px;margin-left:auto;margin-right:auto}
.entry .alignfull{max-width:none}
.entry .aligncenter{margin-left:auto;margin-right:auto}
.entry .alignleft{float:left;margin:0 1.4em 1em 0}.entry .alignright{float:right;margin:0 0 1em 1.4em}
.entry table{width:100%;border-collapse:collapse}.entry td,.entry th{padding:10px;border-bottom:1px solid var(--edge)}
.entry .wp-block-button__link{background:linear-gradient(180deg,#F7E7B4,#D4A944);color:#3A0A12;border-radius:4px;text-decoration:none;font-weight:600}
.entry iframe{max-width:100%}
.entry-card{max-width:880px;margin:0 auto;padding:clamp(28px,5vw,56px)}
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}
.post-grid .card img{border-radius:4px;margin-bottom:16px;aspect-ratio:16/10;object-fit:cover;width:100%}
.post-meta{font-size:.9rem;color:var(--fg2);margin-bottom:6px}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:36px;flex-wrap:wrap}
.pagination .page-numbers{min-width:44px;height:44px;display:grid;place-items:center;padding:0 12px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--edge);color:var(--fg)}
.pagination .current{background:linear-gradient(180deg,#F7E7B4,#D4A944);color:#3A0A12}
.extra-content{padding-top:0}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.search-form{display:flex;gap:10px;max-width:520px;margin:20px auto 0}
.search-form input[type=search]{flex:1;min-height:50px;padding:0 16px;border-radius:4px;border:0;background:#FFFDF8;color:var(--kajal);box-shadow:inset 0 0 0 1px rgba(156,122,46,.55)}