/* ============================================================
   Nityaveda — Two birds. Story-page visuals and layout.
   Loaded AFTER styles.css and dark.css. Scoped to body.birds.
   Widens the reading measure, adds the moonlit hero art,
   section emblems, and the breathing light. No global changes.
   ============================================================ */

/* wider reading measure, so the story is not a thin ribbon */
body.birds .gita-read{max-width:820px}
body.birds .gita-read p{max-width:720px;margin-left:auto;margin-right:auto}
body.birds .gita-read .lead-in{max-width:760px;margin-left:auto;margin-right:auto}

/* hero art banner sits in the scene stage, full width like the other stories.
   shorter, denser band than the default 2.36:1 so it does not read as empty. */
body.birds .scene-stage{background:#0a0920;aspect-ratio:680 / 196;margin-top:6px}
body.birds .birds-hero{position:absolute;inset:0;width:100%;height:100%;display:block}
@media(max-width:680px){ body.birds .scene-stage{aspect-ratio:680 / 250} }
/* fallback for older TV browsers (and any engine) without CSS aspect-ratio,
   so the hero never collapses to zero height */
@supports not (aspect-ratio: 1 / 1){
  body.birds .scene-stage{height:28.8vw;min-height:188px;max-height:460px}
}

/* the recurring two-bird emblem that marks each turn of the story */
body.birds .emblem{display:block;margin:54px auto 0;width:78px;height:44px;color:var(--accent);opacity:.85}
body.birds .emblem + .step-eyebrow{margin-top:10px}
body.birds .emblem svg{display:block;width:100%;height:100%}

/* verses keep their own comfortable width inside the wider column */
body.birds .verse{max-width:720px;margin-left:auto;margin-right:auto}

/* the breathing light at the close */
body.birds .breath{display:flex;flex-direction:column;align-items:center;gap:16px;margin:30px 0 8px}
body.birds .breath-orb{width:128px;height:128px;border-radius:50%;border:1px solid var(--accent);
  background:radial-gradient(circle at 50% 45%, rgba(195,206,236,.22), rgba(195,206,236,.05) 70%);
  box-shadow:0 0 54px -16px rgba(195,206,236,.55);
  animation:nvBreath 11s ease-in-out infinite}
body.birds .breath-cap{font-family:"Fraunces","Fraunces-fallback",serif;font-style:italic;
  color:var(--ink2);font-size:.98rem;text-align:center}
@keyframes nvBreath{
  0%{transform:scale(.60)}
  36%{transform:scale(1)}
  47%{transform:scale(1)}
  100%{transform:scale(.60)}
}
@media(prefers-reduced-motion:reduce){
  body.birds .breath-orb{animation:none;transform:scale(.84)}
}

@media(max-width:900px){
  body.birds .gita-read{max-width:100%}
}
@media(max-width:680px){
  body.birds .breath-orb{width:104px;height:104px}
  body.birds .emblem{margin-top:42px}
}