/* ============================================================
   Nityaveda — the Vedas page. Its own character: first light.
   Dawn rose for Ushas, the dawn the hymns sing to, on a deep
   plum night. Scoped under body.veda2, loaded after styles.css
   and dark.css.
   ============================================================ */
body.veda2{
  --field:#120A16;
  --field2:#1F1024;
  --ushas:#E9A6B3;
  --ushas-soft:#F6CDD6;
  --smoke:rgba(244,236,242,.68);
  --smoke2:rgba(244,236,242,.46);
  --rule:rgba(233,166,179,.28);
  --rule-soft:rgba(233,166,179,.15);
  background:var(--field);
  background-image:none;
}
body.veda2 .wrap{max-width:1180px}

/* ---------- hero : the sound before writing ---------- */
body.veda2 .v2-hero{position:relative;overflow:hidden;min-height:auto;
  display:flex;align-items:flex-start;
  background:
    radial-gradient(70% 60% at 82% -12%,rgba(120,70,120,.2),transparent 60%),
    linear-gradient(180deg,#0D0712 0%,#160B1C 52%,#241126 100%)}
body.veda2 .v2-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(233,166,179,.16),rgba(210,130,150,.05) 55%,transparent 78%)}
body.veda2 .v2-sky{position:absolute;inset:0;z-index:0;pointer-events:none}
/* sound rings : a chant resonating outward */
body.veda2 .v2-rings{position:absolute;left:30%;top:58%;width:0;height:0}
body.veda2 .v2-rings i{position:absolute;left:0;top:0;width:60vmin;height:60vmin;
  margin-left:-30vmin;margin-top:-30vmin;border-radius:50%;
  border:1px solid rgba(233,166,179,.34);opacity:0}
body.veda2 .v2-hero-inner{position:relative;z-index:2;width:100%;max-width:1180px;margin:0 auto;
  padding:64px 24px 64px}
body.veda2 .v2-eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:20px}
body.veda2 .v2-eyebrow .rule{height:1px;width:46px;background:var(--rule)}
body.veda2 .v2-eyebrow .eyebrow{color:var(--ushas-soft);font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;
  font-weight:430;font-size:1.02rem;letter-spacing:.02em}
body.veda2 .v2-eyebrow .dev{font-family:var(--dev-disp,"Tillana",serif);font-style:normal;font-size:1.05rem;color:var(--ushas)}
body.veda2 .v2-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:#FDF8FB;text-shadow:0 2px 44px rgba(0,0,0,.6)}
body.veda2 .v2-title em{font-style:italic;color:var(--ushas)}
body.veda2 .v2-title .l{display:block}
body.veda2 .v2-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.veda2 .v2-enter{display:inline-flex;align-items:center;gap:12px;color:#FDF8FB;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.veda2 .v2-enter::after{content:"\2193";color:var(--ushas);transition:transform .25s ease}
body.veda2 .v2-enter:hover{gap:18px;border-color:var(--ushas)}
body.veda2 .v2-enter:hover::after{transform:translateY(3px)}

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

@media (prefers-reduced-motion: no-preference){
  body.veda2 .v2-title .l{opacity:0;transform:translateY(16px);animation:v2line .9s ease forwards}
  body.veda2 .v2-title .l:nth-child(1){animation-delay:.15s}
  body.veda2 .v2-title .l:nth-child(2){animation-delay:.75s}
  @keyframes v2line{to{opacity:1;transform:none}}
  body.veda2 .v2-sub,body.veda2 .v2-enter{opacity:0;animation:v2line 1s ease 1.6s forwards}
  body.veda2 .v2-whisper{animation:v2whisper 2.6s ease 1.5s forwards}
  @keyframes v2whisper{to{opacity:.95}}
  body.veda2 .v2-whisper .dev{animation:v2breathe 7s ease-in-out 2s infinite}
  body.veda2 .v2-hero::after{animation:v2dawn 9s ease-in-out infinite}
  @keyframes v2dawn{0%,100%{opacity:.7}50%{opacity:1}}
  body.veda2 .v2-rings i{animation:v2ring 9s ease-out infinite}
  body.veda2 .v2-rings i:nth-child(2){animation-delay:3s}
  body.veda2 .v2-rings i:nth-child(3){animation-delay:6s}
  @keyframes v2ring{0%{transform:scale(.12);opacity:0}12%{opacity:.5}100%{transform:scale(1.5);opacity:0}}
  @keyframes v2breathe{
    0%,100%{text-shadow:0 0 40px rgba(233,166,179,.18);filter:brightness(.94)}
    50%{text-shadow:0 0 90px rgba(246,205,214,.7),0 0 30px rgba(233,166,179,.45);filter:brightness(1.12)}}
}
@media (prefers-reduced-motion: reduce){
  body.veda2 .v2-whisper{opacity:.95}
  body.veda2 .v2-rings{display:none}
}
@media(max-width:720px){body.veda2 .v2-hero{min-height:auto}}

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

/* ---------- shared section furniture ---------- */
body.veda2 .sec-head .eyebrow{color:var(--ushas-soft)}
body.veda2 .sec-head h2 em{background:none;-webkit-background-clip:initial;background-clip:initial;
  -webkit-text-fill-color:var(--ushas);color:var(--ushas)}

/* ---------- the four : open rows ---------- */
body.veda2 .v2-four{padding:72px 0 88px}
body.veda2 .v2-rows{display:grid;grid-template-columns:1fr 1fr;gap:36px 56px}
@media(max-width:760px){body.veda2 .v2-rows{grid-template-columns:1fr}}
body.veda2 .v2-row{border-top:1px solid var(--rule);padding-top:20px}
body.veda2 .v2-row .dev{font-family:var(--dev-disp,"Tillana",serif);font-size:1.5rem;color:var(--ushas);line-height:1.3}
body.veda2 .v2-row h3{font-family:"Fraunces","Fraunces-fallback",serif;font-weight:440;font-size:1.28rem;color:#FDF8FB;margin:8px 0 2px}
body.veda2 .v2-row .tl{font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;color:var(--smoke2);font-size:.95rem;margin-bottom:10px}
body.veda2 .v2-row p{color:var(--smoke);font-size:1rem;line-height:1.6;margin:0}

/* ---------- how the sound survived : the weave ---------- */
body.veda2 .v2-sound{padding:88px 0;background:linear-gradient(180deg,var(--field),var(--field2) 55%,var(--field))}
body.veda2 .v2-weave{margin-top:14px;display:grid;gap:26px;max-width:760px}
body.veda2 .v2-wv{border-top:1px solid var(--rule-soft);padding-top:16px}
body.veda2 .v2-wv .k{font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;font-size:1rem;color:var(--ushas-soft)}
body.veda2 .v2-wv .pat{font-family:var(--dev-disp,"Tillana",serif);font-size:clamp(1.05rem,2vw,1.4rem);
  color:#F7F1F5;line-height:1.9;margin-top:8px;letter-spacing:.02em}
body.veda2 .v2-wv .pat b{color:var(--ushas);font-weight:400}
body.veda2 .v2-wv .why{font-family:"Halant",serif;color:var(--smoke2);font-size:.92rem;margin-top:6px}
/* weave your own */
body.veda2 .v2-try{margin-top:40px;border-top:1px solid var(--rule);padding-top:24px;max-width:760px}
body.veda2 .v2-try .k{display:block;font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;font-size:1.15rem;color:var(--ushas-soft)}
body.veda2 .v2-try .hint{font-family:"Halant",serif;color:var(--smoke2);font-size:.95rem;margin:6px 0 14px}
body.veda2 .v2-try input{font:inherit;font-size:1.05rem;color:#FDF8FB;width:min(420px,100%);
  background:rgba(255,255,255,.06);border:1px solid var(--rule);border-radius:10px;padding:11px 14px}
body.veda2 .v2-try input::placeholder{color:var(--smoke2)}
body.veda2 .v2-try input:focus{outline:none;border-color:var(--ushas);box-shadow:0 0 0 3px rgba(233,166,179,.14)}
body.veda2 #weaveOut{display:grid;gap:22px;margin-top:10px}
body.veda2 #weaveOut .pat{font-family:"Fraunces","Fraunces-fallback",serif}
body.veda2 #weaveOut .pat .r{color:var(--ushas)}
body.veda2 #weaveOut .pat i{font-style:normal;color:var(--smoke2)}
@media (prefers-reduced-motion: no-preference){
  body.veda2 #weaveOut .v2-wv{animation:v2line .5s ease both}
}
body.veda2 .v2-sound .close{margin-top:34px;color:var(--smoke);max-width:62ch;font-size:1.04rem;line-height:1.65}

/* ---------- the science under the sacred ---------- */
body.veda2 .v2-science{padding:88px 0}
body.veda2 .v2-sci{display:grid;grid-template-columns:200px 1fr;gap:10px 36px;align-items:baseline;
  border-top:1px solid var(--rule-soft);padding:22px 4px}
body.veda2 .v2-sci:last-of-type{border-bottom:1px solid var(--rule-soft)}
@media(max-width:640px){body.veda2 .v2-sci{grid-template-columns:1fr;gap:4px}}
body.veda2 .v2-sci .nm{font-family:"Fraunces","Fraunces-fallback",serif;font-weight:440;font-size:1.16rem;color:#FDF8FB}
body.veda2 .v2-sci .nm .tl{display:block;font-weight:360;font-style:italic;font-size:.88rem;color:var(--smoke2);margin-top:2px}
body.veda2 .v2-sci p{color:var(--smoke);font-size:1rem;line-height:1.62;margin:0}
body.veda2 .v2-sci a{color:var(--ushas-soft);border-bottom:1px solid var(--rule)}

/* ---------- the Gayatri, set as a monument ---------- */
body.veda2 .v2-verse{position:relative;overflow:hidden;text-align:center;padding:120px 0;
  background:
    radial-gradient(60% 80% at 50% 50%,rgba(233,166,179,.09),transparent 70%),
    linear-gradient(180deg,var(--field),var(--field2) 50%,var(--field))}
body.veda2 .v2-verse-k{font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;font-weight:430;
  font-size:1rem;letter-spacing:.02em;color:var(--smoke2);margin-bottom:30px}
body.veda2 .v2-verse .dev{font-family:var(--dev-disp,"Tillana",serif);
  font-size:clamp(1.7rem,4.6vw,3.4rem);line-height:1.6;color:var(--ushas);
  text-shadow:0 0 60px rgba(233,166,179,.35);max-width:24ch;margin:0 auto}
@media (prefers-reduced-motion: no-preference){
  body.veda2 .v2-verse .dev{animation:v2breathe 6s ease-in-out infinite}
}
body.veda2 .v2-verse .tl{font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;font-size:1rem;
  letter-spacing:.02em;color:var(--smoke2);margin:26px auto 18px;max-width:60ch}
body.veda2 .v2-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:#F7F1F5;max-width:32ch;margin:0 auto}
body.veda2 .v2-verse .src{font-family:"Halant",serif;font-size:.88rem;letter-spacing:.06em;
  color:var(--smoke2);margin-top:22px}

/* ---------- the four great sayings ---------- */
body.veda2 .v2-sayings{padding:96px 0 120px}
body.veda2 .v2-say{display:grid;grid-template-columns:170px 1fr auto;gap:22px;align-items:baseline;
  padding:21px 6px;border-top:1px solid var(--rule-soft)}
body.veda2 .v2-say:last-of-type{border-bottom:1px solid var(--rule-soft)}
@media(max-width:680px){body.veda2 .v2-say{grid-template-columns:1fr;gap:6px}}
body.veda2 .v2-say .vfrom{font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;font-size:.98rem;color:var(--smoke2)}
body.veda2 .v2-say .sdev{font-family:var(--dev-disp,"Tillana",serif);font-size:1.4rem;color:var(--ushas);line-height:1.4}
body.veda2 .v2-say .sen{display:block;font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;color:#F7F1F5;font-size:1.05rem;margin-top:4px}
body.veda2 .v2-say .stl{font-family:"Halant",serif;font-size:.9rem;color:var(--smoke2);white-space:nowrap}
body.veda2 .v2-say-note{margin-top:30px;color:var(--smoke2);font-size:.95rem;max-width:62ch}

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


/* ---------- reading pages : the scene head in this section's light ---------- */
body.veda2 .gita-scene{background:
  radial-gradient(80% 60% at 50% 108%,rgba(233,166,179,.16),transparent 70%),
  linear-gradient(180deg,var(--field) 0%,#1B0E20 48%,#2A1430 82%,#33182F 100%)}
body.veda2 .scene-eyebrow .eyebrow{color:var(--ushas-soft)}
body.veda2 .gita-scene h1 em{color:var(--ushas)}
body.veda2 .listen-btn{border-color:var(--rule);}
body.veda2 .listen-btn:hover{border-color:var(--ushas)}
body.veda2 .gita-read .verse .dev{color:var(--ushas);text-shadow:0 0 46px rgba(233,166,179,.3)}
body.veda2 .gita-read .verse .tl{font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;text-transform:none;letter-spacing:.02em}
body.veda2 .gita-read .verse .src{text-transform:none;letter-spacing:.06em;font-family:"Halant",serif}
body.veda2 .gita-read a{color:var(--ushas-soft);border-bottom:1px solid var(--rule)}
body.veda2 .series-foot a{color:var(--ushas-soft)}

body.veda2 a.v2-read-row{text-decoration:none;transition:background .25s ease}
body.veda2 a.v2-read-row:hover{background:linear-gradient(90deg,rgba(233,166,179,.08),transparent)}
body.veda2 a.v2-read-row .stl{color:var(--ushas-soft)}

/* readings as their own section */
body.veda2 .v2-readlist{padding:0 0 120px}
body.veda2 .v2-sayings{padding-bottom:72px}
body.veda2 .v2-cta-row{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
body.veda2 .v2-enter-alt{border-bottom-color:var(--rule)}
body.veda2 .v2-enter-alt::after{content:"\2192"}

/* the scene's bottom fade lands on this section's night */
body.veda2 .scene-stage::before{
  background:linear-gradient(180deg,transparent 0%,transparent 58%,rgba(18,10,22,.55) 86%,var(--field) 100%)}

body.veda2 .story-holds{margin-top:64px;border-top:1px solid var(--rule);padding-top:28px;max-width:760px;margin-left:auto;margin-right:auto}

/* floating verses during playback take this section's light */
body.veda2 .shloka-cue .sc-dev{color:var(--ushas-soft) !important;text-shadow:0 0 30px rgba(233,166,179,.35)}


/* ---------- reading playback : the image takes centre stage ---------- */
body.veda2.gita-scene-page{} /* marker only */
body.veda2 .gita-scene .scene-stage{transition:transform 1.2s ease, max-width 1.2s ease}
body.gita-playing.veda2 .gita-scene .scene-stage{
  position:relative;z-index:30;transform:scale(1.04)}
body.gita-playing.veda2 .gita-scene{z-index:20}
/* the floating verses ride over the image, larger, in this section's rose */
body.veda2 .shloka-cues{z-index:40}
body.veda2 .shloka-cue .sc-dev{color:var(--ushas-soft) !important;text-shadow:0 0 34px rgba(233,166,179,.45)}
body.veda2 .shloka-cue .sc-en{color:#FBF1F4 !important}
body.gita-playing.veda2 .care-note,body.gita-playing.veda2 .series-foot,body.gita-playing.veda2 .story-holds{opacity:.1}
body.gita-playing.gita-paused.veda2 .care-note,body.gita-playing.gita-paused.veda2 .series-foot,body.gita-playing.gita-paused.veda2 .story-holds{opacity:1}

/* dotted definition link (e.g. "the theory" on the error-correction heading) */
body.veda2 .deflink{color:inherit;text-decoration:none;border-bottom:1px dotted var(--accent);cursor:help;transition:color .2s ease,border-bottom-color .2s ease}
body.veda2 .deflink:hover{color:var(--accent);border-bottom-style:solid}

/* quiet "step into the chariot" side-door on the Nachiketa story page */
body.veda2 .step-into{margin:4px 0 28px}
body.veda2 .step-into a{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-family:"Halant",serif;font-size:1.02rem;letter-spacing:.01em;text-decoration:none;border-bottom:1px solid transparent;transition:gap .25s ease,border-color .25s ease}
body.veda2 .step-into a::after{content:"\2192";transition:transform .25s ease}
body.veda2 .step-into a:hover{gap:14px;border-bottom-color:var(--accent)}
body.veda2 .step-into a:hover::after{transform:translateX(3px)}