/* ==========================================================================
   Vedic People v3 — home.css
   Homepage hero bands only. Loaded on the front page. The category
   sections below the hero are editorial content styled by hub.css
   (loaded alongside this on the front page — see functions.php).
   ========================================================================== */

.hero-band{padding:30px 28px; text-align:center;}
.hero-band--tagline{background:var(--paper-deep);}
.hero-band--sloka{background:var(--green-soft);}
.hero-band--search{background:var(--paper);}

.hero-kicker{font:900 15.2px var(--font-ui); letter-spacing:.18em; text-transform:uppercase; color:var(--green); margin:0 0 14px;}
.hero-tagline{font:400 1.18rem/1.6 var(--font-serif); color:var(--ink-soft); max-width:48ch; margin:0 auto;}

.hero-sloka{max-width:520px; margin:0 auto; padding:18px 24px; background:var(--surface); border:1px solid var(--line); border-radius:var(--radius-md); box-shadow:var(--shadow-card);}
.hero-sloka__label{font:900 13.7px var(--font-ui); letter-spacing:.12em; text-transform:uppercase; color:var(--green-deep); margin:0 0 8px;}
.hero-sloka__verse{font:600 1.3rem/1.6 var(--font-hi); color:var(--ink); margin:0 0 8px;}
.hero-sloka__trans{font:400 1.08rem var(--font-ui); color:var(--ink-soft); margin:0;}

/* .search-hero / .search-hero-wrap live in base.css — search.php's top bar
   reuses the same component (see search.css). */