/* =========================================================
   Anand-Math Foundation — Design System
   A warm "sacred-heritage editorial" language grounded in the
   foundation's brochure: marigold (saffron devotion), maroon
   (the Acharya's angavastram), sandstone (ashram stonework),
   tulsi green (living tradition), on a warm ivory ground.
   Single stylesheet · CSS variables · mobile-first.
   ========================================================= */

/* ---------- 1. Design tokens ---------- */
:root{
  /* Core palette */
  --ivory:        #FBF6EC;
  --ivory-deep:   #F3EAD6;
  --ivory-warm:   #F7EFE0;
  --surface:      #FFFDF8;
  --surface-2:    #FCF7EC;

  --marigold:     #E0912A;
  --marigold-deep:#B96C0F;
  --marigold-text:#8F5309;   /* AA-safe on ivory as text */
  --saffron-glow: #F6B24A;

  --maroon:       #6B1F23;
  --maroon-deep:  #4A1216;
  --maroon-soft:  #7E2A2E;

  --sandstone:    #C9A66B;
  --sandstone-deep:#A9863F;
  --tulsi:        #4C6444;
  --tulsi-deep:   #3B5236;

  --ink:          #2B241D;
  --ink-soft:     #5B5145;
  --ink-faint:    #857A6C;
  --line:         rgba(43,36,29,0.12);
  --line-soft:    rgba(43,36,29,0.07);

  /* Gradients & atmosphere */
  --grad-hero: linear-gradient(157deg,#C97815 0%, #B15E10 42%, var(--maroon-deep) 100%);
  --grad-saffron: linear-gradient(135deg,var(--marigold) 0%, var(--marigold-deep) 100%);
  --grad-saffron-btn: linear-gradient(135deg,#A85B08 0%, #8A4F07 100%); /* AA-safe with white text */
  --grad-maroon: linear-gradient(140deg,var(--maroon-soft) 0%, var(--maroon-deep) 100%);
  --grad-ivory: linear-gradient(180deg,var(--ivory) 0%, var(--ivory-deep) 100%);

  /* Typography */
  --font-display-en: 'Fraunces', 'Noto Serif', Georgia, serif;
  --font-display-hi: 'Noto Serif Devanagari', 'Noto Serif', serif;
  --font-body-en:    'Noto Sans', system-ui, -apple-system, sans-serif;
  --font-body-hi:    'Noto Sans Devanagari', 'Noto Sans', system-ui, sans-serif;

  /* Fluid type scale */
  --fs-eyebrow: 0.78rem;
  --fs-small:   0.86rem;
  --fs-body:    1.0625rem;
  --fs-lede:    clamp(1.08rem, 0.98rem + 0.5vw, 1.28rem);
  --fs-h3:      clamp(1.18rem, 1.05rem + 0.6vw, 1.4rem);
  --fs-h2:      clamp(1.7rem, 1.35rem + 1.7vw, 2.6rem);
  --fs-h1:      clamp(2.1rem, 1.5rem + 3vw, 3.5rem);
  --fs-display: clamp(2.4rem, 1.6rem + 4vw, 4rem);

  /* Spacing scale */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --section-y: clamp(4rem, 3rem + 5vw, 7rem);
  --section-y-tight: clamp(2.75rem, 2rem + 3vw, 4.25rem);

  /* Radii */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 22px;
  --r-pill: 100px;
  --radius: 14px;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(43,36,29,0.06);
  --shadow-sm: 0 4px 14px rgba(74,18,22,0.07);
  --shadow-md: 0 12px 30px rgba(74,18,22,0.10);
  --shadow-lg: 0 24px 60px rgba(74,18,22,0.16);
  --shadow: var(--shadow-md);

  --container: 1140px;
  --container-narrow: 780px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

html[lang="hi"]{
  --font-display: var(--font-display-hi);
  --font-body: var(--font-body-hi);
}
html[lang="en"]{
  --font-display: var(--font-display-en);
  --font-body: var(--font-body-en);
}

/* ---------- 2. Base / reset ---------- */
*{box-sizing:border-box;}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
body{
  margin:0;
  background:var(--ivory);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:var(--fs-body);
  line-height:1.68;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
/* Subtle page-wide warm atmosphere */
body::before{
  content:"";
  position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(1100px 600px at 88% -8%, rgba(224,145,42,0.10), transparent 60%),
    radial-gradient(900px 620px at -10% 12%, rgba(107,31,35,0.05), transparent 55%);
}
img{max-width:100%; height:auto; display:block;}
a{color:var(--maroon-deep); text-decoration-color:rgba(107,31,35,0.32); text-underline-offset:2px;}
a:hover{color:var(--maroon);}
h1,h2,h3,h4{
  font-family:var(--font-display);
  font-weight:600;
  color:var(--maroon-deep);
  margin:0 0 0.5em;
  line-height:1.16;
  letter-spacing:-0.01em;
}
html[lang="hi"] h1, html[lang="hi"] h2, html[lang="hi"] h3, html[lang="hi"] h4{
  letter-spacing:0; line-height:1.32;
}
h1{font-size:var(--fs-h1);}
h2{font-size:var(--fs-h2);}
h3{font-size:var(--fs-h3);}
p{margin:0 0 1em;}
p:last-child{margin-bottom:0;}
strong{color:var(--ink);}
::selection{background:var(--marigold); color:#fff;}

/* ---------- 3. Layout ---------- */
.container{
  max-width:var(--container);
  margin:0 auto;
  padding:0 clamp(20px, 4vw, 32px);
}
.container-narrow{max-width:var(--container-narrow);}
section{padding:var(--section-y) 0;}
.section-tight{padding:var(--section-y-tight) 0;}
.section-alt{background:var(--ivory-deep);}
.section-cream{background:var(--surface-2);}
.section-maroon{background:var(--grad-maroon); color:var(--ivory); position:relative; overflow:hidden;}
.section-maroon h2,.section-maroon h3,.section-maroon h4{color:#fff;}
.section-maroon p{color:rgba(255,255,255,0.9);}

/* Section header block */
.section-head{max-width:660px; margin-bottom:var(--space-5);}
.section-head.center{margin-left:auto; margin-right:auto; text-align:center;}
.section-head p{color:var(--ink-soft); font-size:var(--fs-lede); margin-top:0.35em;}

/* Grids */
.grid-2{display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,4vw,60px); align-items:center;}
.grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(18px,2.2vw,28px);}
.grid-4{display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(16px,2vw,24px);}
@media (max-width:920px){
  .grid-2{grid-template-columns:1fr; gap:36px;}
  .grid-3{grid-template-columns:1fr 1fr;}
  .grid-4{grid-template-columns:1fr 1fr;}
}
@media (max-width:600px){
  .grid-3,.grid-4{grid-template-columns:1fr;}
}
/* Let grid/flex children shrink below content min-content (prevents narrow-viewport overflow) */
.grid-2>*, .grid-3>*, .grid-4>*, .contact-grid>*, .quick-cards>*{min-width:0;}
.card p, .contact-item p, .contact-item a, .footer-grid a, .teach-card .t-title, .footer-reg span{overflow-wrap:anywhere;}

/* ---------- 4. Eyebrow & type utilities ---------- */
.eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  font-size:var(--fs-eyebrow); letter-spacing:0.18em; text-transform:uppercase;
  color:var(--marigold-text); font-weight:700; margin-bottom:16px;
}
html[lang="hi"] .eyebrow{letter-spacing:0.08em;}
.eyebrow::before{
  content:""; width:26px; height:2px; border-radius:2px;
  background:var(--grad-saffron); display:inline-block;
}
.eyebrow.on-dark{color:var(--saffron-glow);}
.eyebrow.on-dark::before{background:var(--saffron-glow);}
.eyebrow.center{justify-content:center;}

.lede{font-size:var(--fs-lede); color:var(--ink-soft); line-height:1.62; max-width:60ch;}
.text-center{text-align:center;}
.max-w{max-width:var(--container-narrow); margin-inline:auto;}
.mt-0{margin-top:0;} .mb-0{margin-bottom:0;}
.small{font-size:var(--fs-small); color:var(--ink-soft);}
.muted{color:var(--ink-soft);}
.sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}

/* ---------- 5. Reveal animations ---------- */
/* Content is visible by default; only hidden once JS confirms it can
   reveal on scroll — so no-JS users and crawlers always see everything. */
html.js .reveal{opacity:0; transform:translateY(22px); transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);}
html.js .reveal.is-visible{opacity:1; transform:none;}
.reveal-delay-1{transition-delay:.08s;}
.reveal-delay-2{transition-delay:.16s;}
.reveal-delay-3{transition-delay:.24s;}
.reveal-delay-4{transition-delay:.32s;}

/* Focus visibility */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, [tabindex]:focus-visible{
  outline:3px solid var(--marigold); outline-offset:3px; border-radius:4px;
}
@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms !important; transition-duration:0.001ms !important; scroll-behavior:auto !important;}
  html.js .reveal{opacity:1 !important; transform:none !important;}
}

/* Skip link */
.skip-link{
  position:absolute; left:-999px; top:auto;
  background:var(--maroon-deep); color:#fff; padding:12px 20px;
  border-radius:0 0 8px 0; z-index:1000; font-weight:700; text-decoration:none;
}
.skip-link:focus{left:0; top:0;}

/* ---------- 6. Buttons ---------- */
.btn{
  display:inline-flex; align-items:center; gap:9px;
  padding:13px 26px; border-radius:var(--r-pill);
  font-family:var(--font-body); font-weight:700; font-size:0.95rem;
  text-decoration:none; border:1.5px solid transparent; cursor:pointer;
  transition:transform .18s var(--ease), box-shadow .18s var(--ease), background .18s, color .18s, border-color .18s;
  line-height:1;
}
.btn svg{width:18px; height:18px;}
.btn:hover{transform:translateY(-2px);}
.btn:active{transform:translateY(0);}
.btn-primary{background:var(--grad-maroon); color:#fff; box-shadow:0 10px 24px rgba(74,18,22,0.28);}
.btn-primary:hover{box-shadow:0 16px 34px rgba(74,18,22,0.36); color:#fff;}
.btn-saffron{background:var(--grad-saffron-btn); color:#fff; box-shadow:0 10px 24px rgba(138,79,7,0.32);}
.btn-saffron:hover{box-shadow:0 16px 34px rgba(138,79,7,0.42); color:#fff;}
.btn-outline{background:transparent; color:#fff; border-color:rgba(255,255,255,0.55);}
.btn-outline:hover{background:rgba(255,255,255,0.14); color:#fff;}
.btn-outline-ink{background:transparent; color:var(--maroon-deep); border-color:var(--sandstone);}
.btn-outline-ink:hover{background:var(--surface); border-color:var(--maroon-deep); color:var(--maroon-deep);}
.btn-dark{background:var(--ink); color:var(--ivory);}
.btn-dark:hover{background:#3c342a; color:var(--ivory);}
.btn-ghost{background:transparent; color:var(--maroon-deep); padding-left:0; padding-right:0; border:none;}
.btn-ghost:hover{gap:13px; background:transparent;}
.btn-lg{padding:16px 32px; font-size:1rem;}
.btn-block{width:100%; justify-content:center;}

/* Inline "arrow" links */
.link-arrow{
  display:inline-flex; align-items:center; gap:7px; font-weight:700; font-size:0.95rem;
  text-decoration:none; color:var(--maroon-deep);
}
.link-arrow::after{content:"→"; transition:transform .2s var(--ease);}
.link-arrow:hover::after{transform:translateX(4px);}
.link-arrow.on-dark{color:var(--saffron-glow);}

/* ---------- 7. Header / Nav ---------- */
.site-header{
  position:sticky; top:0; z-index:100;
  background:rgba(251,246,236,0.82);
  backdrop-filter:blur(14px) saturate(1.2);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);
  border-bottom:1px solid var(--line-soft);
  transition:box-shadow .3s, background .3s;
}
.site-header.scrolled{box-shadow:0 8px 30px rgba(74,18,22,0.08); background:rgba(251,246,236,0.94);}
.nav-wrap{
  display:flex; align-items:center; justify-content:space-between;
  gap:20px; max-width:var(--container); margin:0 auto;
  padding:12px clamp(20px,4vw,32px);
}
.brand{display:flex; align-items:center; gap:12px; text-decoration:none;}
.brand img{
  width:46px; height:46px; border-radius:50%; object-fit:cover;
  border:2px solid var(--marigold); box-shadow:var(--shadow-xs);
}
.brand-text{font-family:var(--font-display); line-height:1.14;}
.brand-text .name-en{display:block; font-weight:700; font-size:1.05rem; color:var(--maroon-deep);}
.brand-text .name-hi{display:block; font-size:0.78rem; color:var(--ink-soft); font-family:var(--font-display-hi);}
.nav-links{
  display:flex; align-items:center; gap:6px;
  list-style:none; margin:0; padding:0; font-size:0.94rem; font-weight:600;
}
.nav-links a{
  text-decoration:none; color:var(--ink); padding:9px 13px; border-radius:var(--r-pill);
  position:relative; transition:color .2s, background .2s;
}
.nav-links a:hover{color:var(--maroon-deep); background:rgba(107,31,35,0.06);}
.nav-links a.active{color:var(--maroon-deep);}
.nav-links a.active::after{
  content:""; position:absolute; left:13px; right:13px; bottom:3px; height:2px;
  border-radius:2px; background:var(--grad-saffron);
}
.nav-cta{
  background:var(--grad-maroon); color:var(--ivory) !important;
  padding:10px 20px !important; border-radius:var(--r-pill);
  box-shadow:0 8px 20px rgba(74,18,22,0.22);
}
.nav-cta::after{display:none !important;}
.nav-cta:hover{background:var(--maroon) !important; transform:translateY(-1px);}
.lang-toggle{
  display:flex; border:1.5px solid var(--maroon-deep); border-radius:var(--r-pill);
  overflow:hidden; font-size:0.78rem; font-weight:700; flex-shrink:0;
}
.lang-toggle button{
  border:none; background:transparent; padding:7px 13px; cursor:pointer;
  color:var(--maroon-deep); font-family:inherit; transition:background .2s, color .2s;
}
.lang-toggle button:hover{background:rgba(107,31,35,0.08);}
.lang-toggle button.active{background:var(--maroon-deep); color:var(--ivory);}
.nav-toggle-btn{
  display:none; background:none; border:none; cursor:pointer;
  color:var(--maroon-deep); padding:8px; font-size:1.5rem; line-height:1;
}

@media (max-width: 940px){
  .nav-links{
    position:fixed; top:70px; left:0; right:0;
    background:var(--ivory); flex-direction:column; align-items:stretch;
    padding:16px clamp(20px,4vw,32px) 26px; border-bottom:1px solid var(--line);
    box-shadow:var(--shadow-lg); display:none; gap:4px;
    max-height:calc(100vh - 70px); overflow-y:auto;
  }
  .nav-links.open{display:flex; animation:navdrop .28s var(--ease-out);}
  @keyframes navdrop{from{opacity:0; transform:translateY(-8px);}to{opacity:1; transform:none;}}
  .nav-links a{padding:12px 14px; font-size:1rem;}
  .nav-links a.active::after{display:none;}
  .nav-cta{margin-top:8px; text-align:center;}
  .nav-links li:last-child{margin-top:10px;}
  .nav-toggle-btn{display:block;}
}

/* ---------- 8. Hero ---------- */
.hero{
  position:relative; overflow:hidden; color:var(--ivory);
  background:var(--grad-hero); padding:clamp(60px,7vw,96px) 0 0;
}
.hero::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(700px 420px at 78% 8%, rgba(246,178,74,0.28), transparent 60%),
    radial-gradient(600px 500px at 12% 96%, rgba(43,36,29,0.42), transparent 60%),
    rgba(43,36,29,0.18);
}
/* faint mandala/geometry overlay */
.hero::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:0.10;
  background-image:radial-gradient(circle at 1px 1px, rgba(255,255,255,0.6) 1px, transparent 0);
  background-size:26px 26px;
  -webkit-mask-image:radial-gradient(70% 70% at 75% 20%, #000, transparent);
          mask-image:radial-gradient(70% 70% at 75% 20%, #000, transparent);
}
.hero-inner{
  position:relative; z-index:1; max-width:var(--container); margin:0 auto;
  padding:0 clamp(20px,4vw,32px) clamp(84px,9vw,120px);
  display:grid; grid-template-columns:1.08fr 0.92fr; gap:clamp(32px,4vw,56px);
  align-items:center;
}
.hero-kicker{
  display:inline-flex; align-items:center; gap:9px;
  font-family:var(--font-display); font-size:0.92rem; letter-spacing:0.04em;
  padding:7px 15px; border-radius:var(--r-pill);
  background:rgba(255,255,255,0.14); border:1px solid rgba(255,255,255,0.22);
  backdrop-filter:blur(4px); margin-bottom:22px;
}
.hero-kicker::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--saffron-glow); box-shadow:0 0 0 4px rgba(246,178,74,0.3);}
.hero h1{color:#fff; font-size:var(--fs-h1); margin-bottom:20px; text-wrap:balance;}
.hero p.lede{font-size:clamp(1.08rem,1rem + 0.5vw,1.3rem); color:rgba(255,255,255,0.94); max-width:54ch; margin-bottom:30px;}
.hero-actions{display:flex; gap:14px; flex-wrap:wrap;}
.hero-trust{
  display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:30px;
  font-size:0.86rem; color:rgba(255,255,255,0.9);
}
.hero-trust span{display:inline-flex; align-items:center; gap:8px;}
.hero-trust svg{width:17px; height:17px; color:var(--saffron-glow);}

/* Circular portrait nested in the mandala */
.hero-arch{position:relative; justify-self:center; width:100%; max-width:392px;}
.arch-frame{
  position:relative; border-radius:50%; overflow:hidden;
  border:7px solid rgba(251,246,236,0.94); box-shadow:var(--shadow-lg);
  aspect-ratio:1/1; background:var(--maroon-deep);
}
.arch-frame img{width:100%; height:100%; object-fit:cover; object-position:center;}
.hero-arch::after{
  content:""; position:absolute; inset:-13px; border-radius:50%;
  border:1px solid rgba(255,255,255,0.3); pointer-events:none;
}
.hero-wave{position:absolute; bottom:-1px; left:0; width:100%; line-height:0; z-index:1;}
.hero-wave svg{width:100%; height:auto; display:block;}

@media (max-width:920px){
  .hero-inner{grid-template-columns:1fr; text-align:left; gap:40px;}
  .hero-arch{max-width:300px; justify-self:start; order:-1;}
}

/* ---------- 9. Impact / facts strip with counters ---------- */
.facts-strip{position:relative; z-index:2; margin-top:clamp(-56px,-5vw,-40px);}
.facts-card{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg);
  box-shadow:var(--shadow-lg); display:grid; grid-template-columns:repeat(4,1fr);
  overflow:hidden;
}
.fact{padding:clamp(22px,3vw,32px) clamp(16px,2vw,24px); text-align:center; border-right:1px solid var(--line-soft);}
.fact:last-child{border-right:none;}
.fact .num{
  font-family:var(--font-display); font-weight:700; font-size:clamp(1.7rem,1.2rem + 1.6vw,2.5rem);
  color:var(--maroon-deep); display:block; line-height:1; letter-spacing:-0.02em;
}
.fact .num .suffix{color:var(--marigold-deep);}
.fact .label{font-size:0.82rem; color:var(--ink-soft); letter-spacing:0.02em; display:block; margin-top:8px;}
@media (max-width:760px){
  .facts-card{grid-template-columns:1fr 1fr;}
  .fact{border-bottom:1px solid var(--line-soft);}
  .fact:nth-child(2n){border-right:none;}
}

/* Impact band on dark */
.impact-band{background:var(--grad-maroon); color:#fff; position:relative; overflow:hidden;}
.impact-band h2, .impact-band h3, .impact-band .section-head p{color:#fff;}
.impact-band::after{
  content:""; position:absolute; inset:0; opacity:0.08; pointer-events:none;
  background-image:radial-gradient(circle at 1px 1px, #fff 1px, transparent 0); background-size:24px 24px;
}
.impact-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(20px,3vw,40px); position:relative; z-index:1;}
.impact-item{text-align:center;}
.impact-item .num{font-family:var(--font-display); font-weight:700; font-size:clamp(2rem,1.4rem + 2vw,3rem); color:#fff; line-height:1; display:block;}
.impact-item .num .suffix{color:var(--saffron-glow);}
.impact-item .label{color:rgba(255,255,255,0.82); font-size:0.9rem; margin-top:10px; display:block;}
@media (max-width:760px){.impact-grid{grid-template-columns:1fr 1fr; gap:32px 20px;}}

/* ---------- 10. Cards ---------- */
.card{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r-md);
  padding:clamp(24px,2.4vw,30px); box-shadow:var(--shadow-sm);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s;
  height:100%;
}
.card:hover{transform:translateY(-5px); box-shadow:var(--shadow-md); border-color:var(--sandstone);}
.card h3{font-size:var(--fs-h3); margin-bottom:10px;}
.card p{color:var(--ink-soft); font-size:0.98rem;}
.card .icon{
  width:52px; height:52px; border-radius:14px; margin-bottom:18px;
  background:linear-gradient(140deg, var(--ivory-deep), #EADFC5);
  color:var(--marigold-deep); display:flex; align-items:center; justify-content:center;
  box-shadow:inset 0 0 0 1px rgba(169,134,63,0.25);
}
.card .icon svg{width:24px; height:24px;}
.card-link{margin-top:16px; display:inline-block;}
.card.feature{border-top:3px solid var(--marigold); }

/* Value chips / list */
.checklist{list-style:none; margin:0; padding:0;}
.checklist li{position:relative; padding:0 0 12px 30px; color:var(--ink-soft);}
.checklist li::before{
  content:""; position:absolute; left:0; top:4px; width:18px; height:18px; border-radius:50%;
  background:var(--tulsi);
  --mask-check:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>");
  -webkit-mask-image:var(--mask-check); mask-image:var(--mask-check);
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:13px; mask-size:13px;
}

/* ---------- 11. Teaching library (YouTube) ---------- */
.teach-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2vw,22px);}
@media (max-width:900px){.teach-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.teach-grid{grid-template-columns:1fr;}}
.teach-card{
  display:flex; flex-direction:column; gap:6px; text-decoration:none;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r-md);
  padding:20px 20px 18px; position:relative; overflow:hidden;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s;
  color:var(--ink);
}
.teach-card::before{
  content:""; position:absolute; left:0; top:0; bottom:0; width:4px;
  background:var(--grad-saffron); transform:scaleY(0); transform-origin:top; transition:transform .3s var(--ease);
}
.teach-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:var(--sandstone); color:var(--ink);}
.teach-card:hover::before{transform:scaleY(1);}
.teach-card .play{
  width:42px; height:42px; border-radius:50%; flex-shrink:0; margin-bottom:6px;
  background:var(--grad-maroon); color:#fff; display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 16px rgba(74,18,22,0.25);
}
.teach-card .play svg{width:18px; height:18px; margin-left:2px;}
.teach-card .t-title{font-family:var(--font-display); font-weight:600; font-size:1.06rem; color:var(--maroon-deep); line-height:1.3;}
.teach-card .t-meta{font-size:0.82rem; color:var(--ink-soft); font-weight:700; letter-spacing:0.02em; text-transform:uppercase;}
.teach-card .t-count{
  margin-top:auto; padding-top:10px; font-size:0.86rem; color:var(--marigold-text); font-weight:700;
  display:inline-flex; align-items:center; gap:6px;
}

/* Featured video embed (lazy facade) */
.video-facade{
  position:relative; aspect-ratio:16/9; border-radius:var(--r-md); overflow:hidden;
  cursor:pointer; box-shadow:var(--shadow-md); background:var(--maroon-deep); border:1px solid var(--line);
}
.video-facade img{width:100%; height:100%; object-fit:cover; transition:transform .5s var(--ease); opacity:0.9;}
.video-facade:hover img{transform:scale(1.05);}
.video-facade .vf-play{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
}
.video-facade .vf-play span{
  width:74px; height:74px; border-radius:50%; background:rgba(107,31,35,0.9);
  display:flex; align-items:center; justify-content:center; box-shadow:0 10px 30px rgba(0,0,0,0.35);
  transition:transform .25s var(--ease), background .25s;
}
.video-facade:hover .vf-play span{transform:scale(1.08); background:var(--maroon);}
.video-facade .vf-play svg{width:30px; height:30px; color:#fff; margin-left:4px;}
.video-facade iframe{position:absolute; inset:0; width:100%; height:100%; border:0;}

/* ---------- 12. Timeline ---------- */
.timeline{list-style:none; margin:0; padding:0; border-left:2px solid var(--sandstone); margin-left:10px;}
.timeline li{position:relative; padding:0 0 34px 32px;}
.timeline li:last-child{padding-bottom:0;}
.timeline li::before{
  content:""; position:absolute; left:-8px; top:4px; width:14px; height:14px; border-radius:50%;
  background:var(--grad-saffron); border:2px solid var(--ivory); box-shadow:0 0 0 3px rgba(201,166,107,0.5);
}
.timeline .yr{font-family:var(--font-display); color:var(--maroon-deep); font-weight:700; font-size:0.95rem; display:block; margin-bottom:3px;}
.timeline p{color:var(--ink-soft); margin:0;}

/* ---------- 13. Phase cards ---------- */
.phase{
  border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden;
  background:var(--surface); margin-bottom:20px; box-shadow:var(--shadow-sm);
  transition:box-shadow .3s;
}
.phase:hover{box-shadow:var(--shadow-md);}
.phase-head{
  display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap;
  padding:18px 26px; background:linear-gradient(180deg,var(--ivory-warm),var(--ivory-deep));
  border-bottom:1px solid var(--line);
}
.phase-head h3{margin:0; font-size:1.15rem; display:flex; align-items:center; gap:12px;}
.phase-budget{
  font-weight:700; color:var(--maroon-deep); background:var(--surface);
  border:1px solid var(--sandstone); padding:6px 14px; border-radius:var(--r-pill); font-size:0.86rem;
}
.phase-body{padding:22px 26px;}
.phase-body ul{margin:0; padding-left:22px;}
.phase-body li{margin-bottom:10px; color:var(--ink-soft);}
.phase-body li:last-child{margin-bottom:0;}

/* Status pills / badges */
.status-pill, .badge{
  display:inline-flex; align-items:center; gap:6px; font-size:0.72rem; font-weight:800;
  padding:4px 12px; border-radius:var(--r-pill); letter-spacing:0.04em; text-transform:uppercase;
}
.status-done{background:#E7F0E3; color:var(--tulsi-deep);}
.status-progress{background:#FCEBD3; color:var(--marigold-text);}
.status-planned{background:#EDE6D9; color:var(--ink-soft);}
.status-pill::before{content:""; width:7px; height:7px; border-radius:50%; background:currentColor;}

/* ---------- 14. Gallery + filter + lightbox ---------- */
.gallery-toolbar{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:28px;}
.filter-chip{
  border:1.5px solid var(--line); background:var(--surface); color:var(--ink-soft);
  padding:9px 18px; border-radius:var(--r-pill); font-family:var(--font-body); font-weight:600;
  font-size:0.88rem; cursor:pointer; transition:all .2s var(--ease);
}
.filter-chip:hover{border-color:var(--sandstone); color:var(--maroon-deep);}
.filter-chip.active{background:var(--grad-maroon); color:#fff; border-color:transparent; box-shadow:var(--shadow-sm);}

.gallery-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(12px,1.4vw,18px);}
.gallery-grid figure{
  margin:0; overflow:hidden; border-radius:var(--r-md); border:1px solid var(--line);
  position:relative; aspect-ratio:4/3; cursor:pointer; background:var(--ivory-deep);
  box-shadow:var(--shadow-xs); transition:box-shadow .3s, transform .3s;
}
.gallery-grid figure:hover{box-shadow:var(--shadow-md); transform:translateY(-3px);}
.gallery-grid figure.tall{aspect-ratio:3/4;}
.gallery-grid img{width:100%; height:100%; object-fit:cover; transition:transform .5s var(--ease);}
.gallery-grid figure:hover img{transform:scale(1.07);}
.gallery-grid figcaption{
  position:absolute; left:0; right:0; bottom:0; z-index:2;
  background:linear-gradient(0deg, rgba(43,20,22,0.9), rgba(43,20,22,0.1) 70%, transparent);
  color:#fff; font-size:0.85rem; padding:30px 14px 12px; transform:translateY(6px); opacity:0.92;
  transition:transform .3s, opacity .3s;
}
.gallery-grid figure:hover figcaption{transform:none; opacity:1;}
.gallery-grid figure::after{
  content:""; position:absolute; top:12px; right:12px; width:34px; height:34px; z-index:2;
  border-radius:50%; background:rgba(251,246,236,0.9);
  --mask-expand:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/></svg>");
  -webkit-mask-image:var(--mask-expand); mask-image:var(--mask-expand);
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:16px; mask-size:16px;
  opacity:0; transform:scale(0.8); transition:opacity .3s, transform .3s;
}
.gallery-grid figure:hover::after{opacity:1; transform:scale(1);}
@media (max-width:760px){.gallery-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:440px){.gallery-grid{grid-template-columns:1fr;}}

.lightbox{
  position:fixed; inset:0; z-index:1000; display:none; align-items:center; justify-content:center;
  background:rgba(30,14,15,0.92); backdrop-filter:blur(6px); padding:24px;
}
.lightbox.open{display:flex; animation:fade .25s var(--ease-out);}
@keyframes fade{from{opacity:0;}to{opacity:1;}}
.lightbox img{max-width:92vw; max-height:82vh; border-radius:var(--r-md); box-shadow:var(--shadow-lg); background:#000;}
.lightbox .lb-cap{position:absolute; bottom:26px; left:0; right:0; text-align:center; color:#fff; font-size:0.95rem; padding:0 20px;}
.lightbox button{
  position:absolute; background:rgba(255,255,255,0.14); border:1px solid rgba(255,255,255,0.28);
  color:#fff; width:52px; height:52px; border-radius:50%; cursor:pointer; font-size:1.4rem;
  display:flex; align-items:center; justify-content:center; transition:background .2s;
}
.lightbox button:hover{background:rgba(255,255,255,0.26);}
.lb-close{top:22px; right:22px;}
.lb-prev{left:22px; top:50%; transform:translateY(-50%);}
.lb-next{right:22px; top:50%; transform:translateY(-50%);}
@media (max-width:600px){.lb-prev{left:12px;}.lb-next{right:12px;} .lightbox button{width:44px;height:44px;}}

/* ---------- 15. Tables ---------- */
.info-table{
  width:100%; border-collapse:collapse; background:var(--surface);
  border:1px solid var(--line); border-radius:var(--r-md); overflow:hidden; box-shadow:var(--shadow-sm);
}
.info-table th, .info-table td{text-align:left; padding:15px 20px; border-bottom:1px solid var(--line-soft); font-size:0.98rem; overflow-wrap:anywhere; word-break:break-word;}
@media (max-width:480px){ .info-table th, .info-table td{padding:12px 14px; font-size:0.9rem;} }
.info-table th{width:38%; color:var(--ink-soft); font-weight:600; background:var(--ivory-warm); font-family:var(--font-body);}
.info-table td{color:var(--ink); font-weight:500;}
.info-table tr:last-child td, .info-table tr:last-child th{border-bottom:none;}

/* ---------- 16. Donate ---------- */
.donate-box{background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg); padding:clamp(24px,3vw,36px); box-shadow:var(--shadow-md);}
.qr-wrap{text-align:center; background:linear-gradient(160deg,var(--ivory-warm),var(--ivory-deep)); border-radius:var(--r-md); padding:26px; border:1px solid var(--line);}
.qr-wrap img{max-width:210px; width:100%; margin:0 auto; border-radius:var(--r-sm); box-shadow:var(--shadow-sm); background:#fff; padding:8px;}
.amount-row{display:flex; flex-wrap:wrap; gap:10px; margin:6px 0 4px;}
.amount-chip{
  border:1.5px solid var(--sandstone); background:var(--surface); color:var(--maroon-deep);
  border-radius:var(--r-pill); padding:9px 18px; font-weight:700; font-size:0.95rem; text-decoration:none;
  transition:all .2s var(--ease);
}
.amount-chip:hover{background:var(--grad-saffron-btn); color:#fff; border-color:transparent; transform:translateY(-2px);}

/* ---------- 17. Contact + forms ---------- */
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,3vw,44px);}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr;}}
.contact-item{display:flex; gap:16px; margin-bottom:22px; align-items:flex-start;}
.contact-item .ic{
  width:44px; height:44px; flex-shrink:0; border-radius:12px;
  background:linear-gradient(140deg,var(--ivory-deep),#EADFC5); color:var(--marigold-deep);
  display:flex; align-items:center; justify-content:center; box-shadow:inset 0 0 0 1px rgba(169,134,63,0.25);
}
.contact-item .ic svg{width:21px; height:21px;}
.contact-item h3{margin:0 0 3px; font-size:1rem; color:var(--maroon-deep);}
.contact-item p, .contact-item a{margin:0; color:var(--ink-soft); font-size:0.96rem; text-decoration:none; word-break:break-word;}
.contact-item a:hover{color:var(--maroon-deep);}

.quick-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:8px;}
@media (max-width:700px){.quick-cards{grid-template-columns:1fr;}}

form.contact-form{display:flex; flex-direction:column; gap:16px;}
form.contact-form label{font-size:0.82rem; font-weight:700; color:var(--ink-soft); margin-bottom:-9px; letter-spacing:0.02em;}
form.contact-form input, form.contact-form textarea{
  font-family:var(--font-body); font-size:0.98rem; padding:14px 16px;
  border:1.5px solid var(--line); border-radius:var(--r-sm); background:var(--surface); color:var(--ink);
  transition:border-color .2s, box-shadow .2s;
}
form.contact-form input:focus, form.contact-form textarea:focus{
  outline:none; border-color:var(--marigold); box-shadow:0 0 0 3px rgba(224,145,42,0.16);
}

/* Map frame */
.map-frame{border-radius:var(--r-lg); overflow:hidden; border:1px solid var(--line); box-shadow:var(--shadow-md); line-height:0;}
.map-frame iframe{width:100%; height:400px; border:0; display:block;}

/* ---------- 18. CTA banners ---------- */
.cta-banner{
  background:var(--grad-maroon); color:#fff; border-radius:var(--r-lg);
  padding:clamp(30px,4vw,52px); display:flex; align-items:center; justify-content:space-between;
  gap:26px; flex-wrap:wrap; position:relative; overflow:hidden; box-shadow:var(--shadow-lg);
}
.cta-banner::after{
  content:""; position:absolute; right:-40px; top:-40px; width:240px; height:240px; border-radius:50%;
  background:radial-gradient(circle, rgba(246,178,74,0.25), transparent 70%); pointer-events:none;
}
.cta-banner .cta-copy{position:relative; z-index:1; max-width:58ch;}
.cta-banner h3{color:#fff; margin-bottom:8px; font-size:clamp(1.3rem,1.1rem + 1vw,1.75rem);}
.cta-banner p{color:rgba(255,255,255,0.85); margin:0;}
.cta-banner .btn{position:relative; z-index:1;}

/* Pull-quote */
.pullquote{
  border-left:4px solid var(--marigold); padding:6px 0 6px 26px; margin:0;
  font-family:var(--font-display); font-size:clamp(1.2rem,1rem + 1vw,1.6rem);
  line-height:1.4; color:var(--maroon-deep); font-style:italic;
}
.pullquote cite{display:block; font-size:0.9rem; font-style:normal; color:var(--ink-soft); margin-top:12px; font-family:var(--font-body); font-weight:600;}

/* ---------- 19. Footer ---------- */
.site-footer{background:var(--ink); color:#D9D1C4; padding:clamp(48px,6vw,72px) 0 26px; font-size:0.94rem; position:relative;}
.footer-cta{
  background:var(--grad-saffron-btn); border-radius:var(--r-lg); padding:clamp(26px,3vw,40px);
  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  margin-bottom:clamp(40px,5vw,60px); box-shadow:var(--shadow-lg);
}
.footer-cta h3{color:#fff; margin:0 0 6px;}
.footer-cta p{color:rgba(255,255,255,0.9); margin:0; max-width:52ch;}
.footer-grid{display:grid; grid-template-columns:1.5fr 1fr 1.2fr 1.1fr; gap:clamp(28px,3vw,44px); margin-bottom:40px;}
.footer-grid h3{color:#fff; font-size:0.82rem; letter-spacing:0.08em; text-transform:uppercase; margin-bottom:18px; font-family:var(--font-display);}
.footer-grid a{color:#D9D1C4; text-decoration:none; display:block; margin-bottom:11px; transition:color .2s, padding .2s;}
.footer-grid a:hover{color:var(--saffron-glow); padding-left:4px;}
.footer-brand{display:flex; gap:12px; align-items:center; margin-bottom:16px;}
.footer-brand img{width:44px; height:44px; border-radius:50%; object-fit:cover; border:2px solid rgba(224,145,42,0.5);}
.footer-brand strong{color:#fff; font-family:var(--font-display); font-size:1.1rem;}
.footer-about p{color:#B7AE9F; max-width:34ch; line-height:1.6;}
.footer-social{display:flex; gap:10px; margin-top:18px;}
.footer-social a{
  width:40px; height:40px; border-radius:50%; background:rgba(255,255,255,0.08); margin:0;
  display:flex; align-items:center; justify-content:center; transition:background .2s, transform .2s;
}
.footer-social a:hover{background:var(--maroon-soft); transform:translateY(-2px); padding:0;}
.footer-social svg{width:19px; height:19px; color:#fff;}
.footer-reg span{display:block; margin-bottom:10px; color:#B7AE9F; font-size:0.86rem;}
.footer-reg strong{color:#D9D1C4; font-weight:600;}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,0.12); padding-top:22px; display:flex;
  justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:0.82rem; color:#A79E90;
}
.footer-bottom .tag-hi{font-family:var(--font-display-hi); color:var(--sandstone);}
@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;} .footer-about{grid-column:1 / -1;}}
@media (max-width:520px){.footer-grid{grid-template-columns:1fr;} .footer-cta{text-align:center; justify-content:center;}}

/* ---------- 20. Interior page hero ---------- */
.page-hero{background:var(--grad-maroon); color:#fff; padding:clamp(52px,6vw,80px) 0 clamp(44px,5vw,64px); position:relative; overflow:hidden;}
.page-hero::after{
  content:""; position:absolute; inset:0; opacity:0.09; pointer-events:none;
  background-image:radial-gradient(circle at 1px 1px, #fff 1px, transparent 0); background-size:26px 26px;
  -webkit-mask-image:radial-gradient(80% 90% at 90% 10%, #000, transparent); mask-image:radial-gradient(80% 90% at 90% 10%, #000, transparent);
}
.page-hero .container{position:relative; z-index:1;}
.page-hero .eyebrow{color:var(--saffron-glow);}
.page-hero .eyebrow::before{background:var(--saffron-glow);}
.page-hero h1{color:#fff; margin-bottom:14px; font-size:var(--fs-h1);}
.page-hero p{color:rgba(255,255,255,0.88); max-width:62ch; margin:0; font-size:var(--fs-lede);}
.breadcrumb{font-size:0.84rem; opacity:0.8; margin-bottom:16px;}
.breadcrumb a{color:#fff; text-decoration:none; opacity:0.85;}
.breadcrumb a:hover{opacity:1; text-decoration:underline;}
.breadcrumb span{opacity:0.55; margin:0 6px;}

/* ---------- 21. Misc utilities ---------- */
.tag-list{display:flex; gap:10px; flex-wrap:wrap; margin-top:18px;}
.tag{
  font-size:0.78rem; font-weight:700; padding:6px 14px; border-radius:var(--r-pill);
  background:var(--surface); color:var(--maroon-deep); border:1px solid var(--sandstone);
  display:inline-flex; align-items:center; gap:6px;
}
.tag svg{width:14px; height:14px; color:var(--tulsi);}

.divider-arch{height:40px; margin:0 auto; display:block; color:var(--sandstone);}
.rounded-media{border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--shadow-md); border:1px solid var(--line);}
.rounded-media img{width:100%; height:100%; object-fit:cover;}

.faq-item{border-bottom:1px solid var(--line); padding:4px 0;}
.faq-item summary{
  cursor:pointer; list-style:none; padding:18px 44px 18px 0; position:relative;
  font-family:var(--font-display); font-weight:600; font-size:1.08rem; color:var(--maroon-deep);
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{
  content:"+"; position:absolute; right:6px; top:14px; font-size:1.5rem; color:var(--marigold-deep);
  transition:transform .25s var(--ease); line-height:1;
}
.faq-item[open] summary::after{transform:rotate(45deg);}
.faq-item .faq-body{padding:0 0 20px; color:var(--ink-soft);}

/* Steps / get-involved */
.step{display:flex; gap:18px; align-items:flex-start; margin-bottom:24px;}
.step .step-num{
  flex-shrink:0; width:44px; height:44px; border-radius:50%; background:var(--grad-maroon); color:#fff;
  font-family:var(--font-display); font-weight:700; font-size:1.1rem; display:flex; align-items:center; justify-content:center;
  box-shadow:var(--shadow-sm);
}
.step h4{margin:6px 0 4px; color:var(--maroon-deep);}
.step p{margin:0; color:var(--ink-soft); font-size:0.96rem;}

/* =========================================================
   Sacred motion — a single, slowly rotating lotus mandala and a
   gold Om behind the Acharya, plus a dharma chakra on the
   teachings. SVG yantras built in JS. GPU-only; disabled for
   reduced-motion.
   ========================================================= */
.arch-frame{z-index:1;}

/* Lotus mandala + gold Om behind the portrait */
.om-mandala{
  position:absolute; left:50%; top:50%; width:184%; aspect-ratio:1/1;
  transform:translate(-50%,-50%); z-index:0; pointer-events:none;
  color:rgba(248,196,110,0.72);
  filter:drop-shadow(0 0 28px rgba(246,178,74,0.26));
}
.om-mandala svg, .chakra svg{width:100%; height:100%; display:block; overflow:visible;}
.om-mandala .m-ring, .chakra .m-ring{transform-box:fill-box; transform-origin:100px 100px;}
.om-glyph{
  position:absolute; left:50%; top:50%; z-index:0; pointer-events:none;
  transform:translate(-50%,-50%);
  font-family:var(--font-display-hi), serif; font-weight:700; line-height:1;
  font-size:clamp(120px,22vw,258px);
  background:linear-gradient(158deg,#FFEBC4 0%, #F6B24A 46%, #DE8A1E 100%);
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
  filter:drop-shadow(0 0 20px rgba(246,178,74,0.6)) drop-shadow(0 2px 4px rgba(74,18,22,0.4));
  opacity:0.9;
}

/* Dharma chakra accent */
.chakra{position:absolute; pointer-events:none; color:var(--sandstone); opacity:0.18;}
.chakra-teach{top:2%; right:-56px; width:clamp(190px,26vw,340px); aspect-ratio:1/1; z-index:0;}

@media (prefers-reduced-motion: no-preference){
  @keyframes yantra-cw{to{transform:rotate(360deg);}}
  @keyframes yantra-ccw{to{transform:rotate(-360deg);}}
  @keyframes om-breathe{
    0%,100%{opacity:0.8; transform:translate(-50%,-50%) scale(1);
      filter:drop-shadow(0 0 16px rgba(246,178,74,0.5)) drop-shadow(0 2px 4px rgba(74,18,22,0.4));}
    50%{opacity:1; transform:translate(-50%,-50%) scale(1.03);
      filter:drop-shadow(0 0 44px rgba(246,178,74,0.95)) drop-shadow(0 2px 4px rgba(74,18,22,0.4));}
  }
  .om-mandala .m-cw{animation:yantra-cw 120s linear infinite;}
  .om-glyph{animation:om-breathe 7.5s ease-in-out infinite;}
  .chakra .m-cw{animation:yantra-cw 84s linear infinite;}
  .chakra .m-ccw{animation:yantra-ccw 60s linear infinite;}
}

/* Legal / prose documents */
.prose{max-width:768px;}
.prose h2{margin-top:2em; font-size:clamp(1.25rem,1.1rem + 0.6vw,1.5rem);}
.prose h2:first-child{margin-top:0;}
.prose h3{margin-top:1.5em; font-size:1.1rem; color:var(--maroon);}
.prose p, .prose li{color:var(--ink-soft);}
.prose ul{padding-left:22px; margin:0 0 1.2em;}
.prose li{margin-bottom:9px;}
.prose a{color:var(--maroon-deep); font-weight:600;}
.prose strong{color:var(--ink);}
.legal-updated{display:inline-block; margin-top:8px; font-size:0.86rem; color:rgba(255,255,255,0.75);}

/* Footer legal links */
.footer-legal-links{display:flex; gap:8px 18px; flex-wrap:wrap; align-items:center;}
.footer-legal-links a{color:#A79E90; text-decoration:none; margin:0;}
.footer-legal-links a:hover{color:var(--saffron-glow);}

/* Language-conditional display */
html[lang="hi"] [data-i18n-en-only]{display:none;}
html[lang="en"] [data-i18n-hi-only]{display:none;}