/* ============================================================
   Nityaveda — the Gita page. Its own character: ember on indigo,
   taken from the chapter artwork. Amber hairlines where the rest
   of the site uses white. Scoped under body.gita2, loaded after
   styles.css and dark.css.
   ============================================================ */
body.gita2{
  --field:#0A0822;
  --field2:#150F38;
  --ember:#7FCFC0;
  --ember-soft:#B9E8DF;
  --smoke:rgba(240,236,255,.66);
  --smoke2:rgba(240,236,255,.45);
  --rule:rgba(127,207,192,.28);
  --rule-soft:rgba(127,207,192,.15);
  background:var(--field);
  background-image:none;
}
body.gita2 .wrap{max-width:1180px}

/* ---------- hero : a field before first light ---------- */
body.gita2 .g2-hero{position:relative;overflow:hidden;min-height:auto;
  display:flex;align-items:flex-start;
  background:
    radial-gradient(70% 60% at 80% -10%,rgba(70,60,150,.22),transparent 60%),
    linear-gradient(180deg,#070617 0%,#0D0A2A 52%,#1A1040 100%)}
body.gita2 .g2-hero::after{content:"";position:absolute;left:0;right:0;bottom:-12%;height:55%;
  pointer-events:none;z-index:0;
  background:radial-gradient(95% 100% at 50% 100%,rgba(127,207,192,.18),rgba(95,180,170,.05) 55%,transparent 78%)}
body.gita2 .g2-sky{position:absolute;inset:0;z-index:0;pointer-events:none}
body.gita2 .g2-embers{position:absolute;inset:0}
body.gita2 .g2-embers i{position:absolute;bottom:-2%;border-radius:50%;opacity:0;
  background:radial-gradient(circle,rgba(190,235,225,.95),rgba(127,207,192,0) 70%);
  animation:g2rise linear infinite}
@keyframes g2rise{
  0%{transform:translateY(0) translateX(0);opacity:0}
  10%{opacity:.7}
  85%{opacity:.35}
  100%{transform:translateY(-78vh) translateX(26px);opacity:0}}
body.gita2 .g2-hero-inner{position:relative;z-index:2;width:100%;max-width:1180px;margin:0 auto;
  padding:64px 24px 64px}

/* the opening words, far off in the sky */
body.gita2 .g2-whisper{position:absolute;z-index:1;top:20%;right:max(28px,7vw);text-align:right;
  pointer-events:none;opacity:0}
body.gita2 .g2-whisper .dev{display:block;font-family:var(--dev-disp,"Tillana",serif);
  font-size:clamp(1.7rem,3.2vw,2.6rem);color:var(--ember-soft);letter-spacing:.04em;line-height:1.4;
  text-shadow:0 0 36px rgba(127,207,192,.3)}
body.gita2 .g2-whisper .w-en{display:block;font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;
  font-size:1rem;letter-spacing:.01em;text-transform:none;color:rgba(244,239,255,.85);margin-top:12px}
@media(max-width:860px){body.gita2 .g2-whisper{display:none}}

/* the headline enters as the moment itself */
body.gita2 .g2-title .l{display:block}
@media (prefers-reduced-motion: no-preference){
  body.gita2 .g2-title .l{opacity:0;transform:translateY(16px);animation:g2line .9s ease forwards}
  body.gita2 .g2-title .l:nth-child(1){animation-delay:.15s}
  body.gita2 .g2-title .l:nth-child(2){animation-delay:.55s}
  body.gita2 .g2-title .l:nth-child(3){animation-delay:1.35s}
  @keyframes g2line{to{opacity:1;transform:none}}
  body.gita2 .g2-sub,body.gita2 .g2-enter{opacity:0;animation:g2line 1s ease 2s forwards}
  body.gita2 .g2-whisper{animation:g2whisper 2.6s ease 1.8s forwards}
  body.gita2 .g2-whisper .dev{animation:g2versebreathe 7s ease-in-out 2.2s infinite}
  @keyframes g2whisper{to{opacity:.95}}
  body.gita2 .g2-hero::after{animation:g2breathe 9s ease-in-out infinite}
  @keyframes g2breathe{0%,100%{opacity:.7}50%{opacity:1}}
}
@media (prefers-reduced-motion: reduce){
  body.gita2 .g2-whisper{opacity:.95}
}
@media (prefers-reduced-motion: reduce){body.gita2 .g2-embers i{display:none}}
body.gita2 .g2-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:20px}
body.gita2 .g2-eyebrow .rule{height:1px;width:46px;background:var(--rule)}
body.gita2 .g2-eyebrow .eyebrow{color:var(--ember-soft);font-family:"Halant",serif;
  font-size:.76rem;letter-spacing:.26em;text-transform:uppercase}
body.gita2 .g2-eyebrow .dev{font-size:1rem;letter-spacing:.06em;text-transform:none;color:var(--ember)}
body.gita2 .g2-title{font-family:"Fraunces","Fraunces-fallback",serif;font-weight:360;
  font-size:clamp(2.6rem,6.4vw,5rem);line-height:1.04;letter-spacing:-.01em;
  margin:0 0 22px;max-width:14ch;color:#FCF7FF;text-shadow:0 2px 44px rgba(0,0,0,.6)}
body.gita2 .g2-title em{font-style:italic;color:var(--ember)}
body.gita2 .g2-sub{color:var(--smoke);font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.62;
  max-width:48ch;margin:0 0 30px;text-shadow:0 1px 20px rgba(0,0,0,.6)}
body.gita2 .g2-enter{display:inline-flex;align-items:center;gap:12px;color:#FCF7FF;text-decoration:none;
  font-family:"Fraunces","Fraunces-fallback",serif;font-size:1.1rem;padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.34);transition:gap .25s ease,border-color .25s ease}
body.gita2 .g2-enter::after{content:"\2192";color:var(--ember);transition:transform .25s ease}
body.gita2 .g2-enter:hover{gap:18px;border-color:var(--ember)}
body.gita2 .g2-enter:hover::after{transform:translateX(4px)}
@media(max-width:720px){
  body.gita2 .g2-hero{min-height:auto}
}

/* ---------- the measure of it : one plain sentence ---------- */
body.gita2 .g2-measure{padding:84px 0 8px}
body.gita2 .g2-measure p{font-family:"Fraunces","Fraunces-fallback",serif;font-weight:360;
  font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.4;color:#F4EFFF;max-width:30ch;margin:0}
body.gita2 .g2-measure b{font-weight:480;color:var(--ember);font-variant-numeric:oldstyle-nums}

/* ---------- why it still lands : open rows ---------- */
body.gita2 .g2-lands{padding:72px 0 96px}
body.gita2 .g2-lands .sec-head{margin-bottom:40px}
body.gita2 .g2-lands .eyebrow{color:var(--ember-soft)}
body.gita2 .sec-head h2 em{background:none;-webkit-background-clip:initial;background-clip:initial;
  -webkit-text-fill-color:var(--ember);color:var(--ember)}
body.gita2 .g2-rows{display:grid;grid-template-columns:1fr 1fr;gap:34px 56px}
@media(max-width:760px){body.gita2 .g2-rows{grid-template-columns:1fr}}
body.gita2 .g2-row{border-top:1px solid var(--rule);padding-top:20px}
body.gita2 .g2-row h3{font-family:"Fraunces","Fraunces-fallback",serif;font-weight:440;font-size:1.28rem;color:#FCF7FF;margin:0 0 8px}
body.gita2 .g2-row p{color:var(--smoke);font-size:1rem;line-height:1.6;margin:0}

/* ---------- the verse, set as a monument ---------- */
body.gita2 .g2-verse{position:relative;overflow:hidden;text-align:center;padding:96px 0 84px;
  background:
    radial-gradient(60% 80% at 50% 50%,rgba(127,207,192,.09),transparent 70%),
    linear-gradient(180deg,var(--field),var(--field2) 50%,var(--field))}
body.gita2 .g2-verse-k{font-family:"Halant",serif;font-size:.74rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--smoke2);margin-bottom:30px}
body.gita2 .g2-verse .dev{font-family:var(--dev-disp,"Tillana",serif);
  font-size:clamp(1.9rem,5.6vw,4.2rem);line-height:1.5;color:var(--ember);
  text-shadow:0 0 60px rgba(127,207,192,.35);max-width:22ch;margin:0 auto}
@media (prefers-reduced-motion: no-preference){
  body.gita2 .g2-verse .dev{animation:g2versebreathe 6s ease-in-out infinite}
  @keyframes g2versebreathe{
    0%,100%{text-shadow:0 0 40px rgba(127,207,192,.2);filter:brightness(.92)}
    50%{text-shadow:0 0 90px rgba(150,230,212,.75),0 0 30px rgba(127,207,192,.5);filter:brightness(1.15)}}
}
body.gita2 .g2-verse .tl{font-family:"Halant",serif;font-size:.86rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--smoke2);margin:26px 0 18px}
body.gita2 .g2-verse .en{font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;
  font-size:clamp(1.2rem,2.2vw,1.6rem);line-height:1.5;color:#F4EFFF;max-width:46ch;margin:0 auto;text-wrap:balance}
body.gita2 .g2-verse .src{font-family:"Halant",serif;font-size:.74rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--smoke2);margin-top:22px}

/* ---------- the eighteen : chapter rail ---------- */
body.gita2 .g2-chapters{padding:96px 0 120px}
body.gita2 .g2-chapters .sec-head{margin-bottom:34px}
body.gita2 .g2-chapters .sec-head p+p{margin-top:12px;color:var(--smoke2);font-size:.98rem}
body.gita2 .g2-chapters .eyebrow{color:var(--ember-soft)}
body.gita2 .g2-ch{display:grid;grid-template-columns:64px 1fr auto;gap:22px;align-items:baseline;
  padding:19px 6px;border-top:1px solid var(--rule-soft);text-decoration:none;color:inherit}
body.gita2 .g2-ch:last-of-type{border-bottom:1px solid var(--rule-soft)}
body.gita2 .g2-ch .num{font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;font-weight:380;
  font-size:1.4rem;color:var(--ember);opacity:.85}
body.gita2 .g2-ch .nm{font-family:"Fraunces","Fraunces-fallback",serif;font-weight:420;font-size:1.18rem;color:#F4EFFF;line-height:1.25}
body.gita2 .g2-ch .gl{display:block;font-family:"Halant",serif;font-size:.92rem;color:var(--smoke2);margin-top:3px}
body.gita2 .g2-ch .st{font-family:"Halant",serif;font-size:.8rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--smoke2);white-space:nowrap}
body.gita2 a.g2-ch{position:relative;transition:padding-left .3s ease;border-top-color:var(--rule)}
body.gita2 a.g2-ch::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;z-index:-1;
  background:linear-gradient(90deg,rgba(127,207,192,.1),transparent);transition:width .3s ease}
body.gita2 a.g2-ch:hover{padding-left:22px}
body.gita2 a.g2-ch:hover::before{width:100%}
body.gita2 a.g2-ch .st{color:var(--ember)}
body.gita2 .g2-ch-note{margin-top:30px;color:var(--smoke2);font-size:.95rem;max-width:60ch}
@media(max-width:620px){
  body.gita2 .g2-ch{grid-template-columns:44px 1fr;gap:8px 16px}
  body.gita2 .g2-ch .num{font-size:1.15rem}
  body.gita2 .g2-ch .st{grid-column:2;justify-self:start}
}

/* reveal + motion care */
body.gita2 .reveal{opacity:0;transform:translateY(20px);transition:opacity .9s ease,transform .9s ease}
body.gita2 .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  body.gita2 .reveal{opacity:1;transform:none;transition:none}
  body.gita2 a.g2-ch,body.gita2 a.g2-ch::before{transition:none}
}


/* labels in the site's own voice */
body.gita2 .g2-eyebrow .eyebrow{font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;font-weight:430;
  text-transform:none;letter-spacing:.02em;font-size:1.02rem}
body.gita2 .g2-verse-k{font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;font-weight:430;
  text-transform:none;letter-spacing:.02em;font-size:1rem}
body.gita2 .g2-verse .tl{font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;text-transform:none;
  letter-spacing:.02em;font-size:1rem;color:var(--smoke2)}
body.gita2 .g2-verse .src{font-family:"Halant",serif;text-transform:none;letter-spacing:.06em;font-size:.88rem}
body.gita2 .g2-ch .st{text-transform:none;letter-spacing:.05em;font-size:.9rem}

/* Try it — interactive tools (console, chariot) */
body.gita2 .g2-tools{padding:0 0 96px}
body.gita2 .g2-tools .sec-head{margin-bottom:30px}
body.gita2 .g2-tools .eyebrow{color:var(--ember-soft)}
body.gita2 a.g2-tool{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:baseline;
  border-top:1px solid var(--rule);padding:22px 0;text-decoration:none;position:relative;transition:padding-left .3s ease}
body.gita2 a.g2-tool:hover{padding-left:22px}
body.gita2 .g2-tool .nm{font-family:"Fraunces","Fraunces-fallback",serif;font-weight:420;font-size:1.18rem;color:#F4EFFF;line-height:1.25}
body.gita2 .g2-tool .gl{display:block;font-family:"Halant",serif;font-size:.92rem;color:var(--smoke2);margin-top:4px;max-width:54ch}
body.gita2 .g2-tool .st{font-family:"Halant",serif;font-size:.9rem;letter-spacing:.05em;color:var(--ember);white-space:nowrap}
@media(max-width:600px){body.gita2 .g2-tool{grid-template-columns:1fr}body.gita2 .g2-tool .st{justify-self:start}}