/* premium layer (home): hero + welcome image cards, clearer client avatars */
.hx{position:absolute;margin:0;z-index:6;overflow:hidden;border:2px solid var(--gold2);border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.35),0 0 0 6px rgba(224,179,79,.16);animation:hxFloat 7s ease-in-out infinite}
.hx img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto}
.hx::after{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.22),transparent 40%);pointer-events:none}
.hx-a{width:36%;aspect-ratio:4/3;left:0;bottom:5%}
.hx-b{width:25%;aspect-ratio:1;right:1%;top:3%;border-radius:50%;animation-delay:-3s}
@keyframes hxFloat{50%{transform:translateY(-12px)}}
.hero-art .portal{inset:19%}
.welcome .mandir{width:min(100%,500px)}
.welcome .mx-a{width:31%;aspect-ratio:4/5;left:-3%;top:6%}
.welcome .mx-b{width:27%;aspect-ratio:1;right:-3%;bottom:8%;border-radius:50%;animation-delay:-3.5s}
.mring{position:absolute;inset:-3%;border-radius:50%;border:1.5px dashed rgba(184,134,11,.55);animation:mxSpin 70s linear infinite;z-index:0;pointer-events:none}
@keyframes mxSpin{to{transform:rotate(360deg)}}
section.sec.dark.voices{background:linear-gradient(160deg,#5a1626 0%,#7a2238 48%,#4b1220 100%)}
.vt-btn .av,.vt-btn .ini{width:58px;height:58px}
.vt-who .av,.vt-who .ini{width:104px;height:104px;font-size:2.4rem;box-shadow:0 0 0 3px var(--gold2),0 0 0 9px rgba(224,179,79,.18),0 12px 30px rgba(0,0,0,.4)}
.av,.ini{filter:none!important;image-rendering:auto}
.voices .head .lead{margin:.4rem auto 0;max-width:640px;color:rgba(255,246,228,.85)}
@media(max-width:700px){.hx-a{width:38%}.hx-b{width:26%}.welcome .mx-a{left:0}.welcome .mx-b{right:0}.vt-who .av,.vt-who .ini{width:84px;height:84px}}
@media(prefers-reduced-motion:reduce){.hx,.mring{animation:none!important}}

/* ===== Home hero: night-temple theme (same family as the footer, brighter) ===== */
/* .hero-temple{
  padding-bottom:clamp(9rem,16vw,13rem);
  background:
    radial-gradient(ellipse 70% 55% at 50% 100%,rgba(255,196,88,.85),rgba(240,140,48,.5) 38%,transparent 72%),
    radial-gradient(ellipse 45% 40% at 12% 8%,rgba(255,214,128,.22),transparent 70%),
    linear-gradient(180deg,#5b1727 0%,#8a2236 42%,#b13a2c 74%,#d9731f 100%)} */
.hero-temple{
  padding:66px 0;
  background: radial-gradient(ellipse 70% 55% at 50% 100%, rgb(193 76 48), rgb(165 98 37 / 50%) 38%, transparent 72%), radial-gradient(ellipse 45% 40% at 12% 8%, rgba(255, 214, 128, .22), transparent 70%), linear-gradient(180deg, #5b1727 0%, #6b1a27 42%, #6b1a27 74%, #6b1a27 100%);
  /* background: radial-gradient(ellipse 70% 55% at 50% 100%, rgb(193 76 48), rgb(165 98 37 / 50%) 38%, transparent 72%), radial-gradient(ellipse 45% 40% at 12% 8%, rgba(255, 214, 128, .22), transparent 70%), linear-gradient(180deg, #5b1727 0%, #8a2236 42%, #b13a2c 74%, #d9731f 100%); */
   /* background: radial-gradient(ellipse 70% 55% at 50% 100%, rgb(255 81 111 / 63%), rgba(240, 140, 48, .5) 38%, transparent 72%), radial-gradient(ellipse 45% 40% at 12% 8%, rgba(255, 214, 128, .22), transparent 70%), linear-gradient(180deg, #5b1727 0%, #8a2236 42%, #b13a2c 74%, #3a1a00 100%);
  /* background:
    radial-gradient(ellipse 70% 55% at 50% 100%,rgba(255,196,88,.85),rgba(240,140,48,.5) 38%,transparent 72%),
    radial-gradient(ellipse 45% 40% at 12% 8%,rgba(255,214,128,.22),transparent 70%),
    linear-gradient(180deg,#5b1727 0%,#8a2236 42%,#b13a2c 74%,#d9731f 100%) */
    /* background: radial-gradient(ellipse 70% 55% at 50% 100%, rgb(255 81 111 / 63%), rgba(240, 140, 48, .5) 38%, transparent 72%), radial-gradient(ellipse 45% 40% at 12% 8%, rgba(255, 214, 128, .22), transparent 70%), linear-gradient(180deg, #5b1727 0%, #8a2236 42%, #b13a2c 74%, #3a1a00 100%); */
}

    .hero-temple .hero-bg{opacity:.12;mix-blend-mode:soft-light}
.hero-temple::before{background:rgba(255,205,120,.28)}
.hero-temple::after{background:rgba(255,236,170,.22)}
.ht-stars{position:absolute;inset:0;z-index:1;pointer-events:none}
.ht-stars i{position:absolute;left:var(--x);top:var(--y);width:var(--s,2px);height:var(--s,2px);border-radius:50%;background:#fff3c9;box-shadow:0 0 8px #fff3c9;animation:twk2 var(--t,4s) ease-in-out var(--d,0s) infinite}
.ht-moon{position:absolute;left:46%;top:2.2rem;width:46px;height:46px;border-radius:50%;z-index:1;background:radial-gradient(circle at 35% 35%,#fffbe8,#f7dc8f);box-shadow:0 0 44px 10px rgba(255,226,150,.5)}
.ht-moon::after{content:"";position:absolute;inset:-24px;border-radius:50%;border:1px dashed rgba(255,236,170,.55);animation:spin 50s linear infinite}
.ht-skyline{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:clamp(80px,13vw,170px);z-index:1;display:block;pointer-events:none}
.ht-diyas{position:absolute;left:0;right:0;bottom:0;height:12px;z-index:3;display:flex;justify-content:space-around;padding:0 1%;pointer-events:none}
.ht-diyas i{width:7px;height:11px;border-radius:50%/65% 65% 35% 35%;background:radial-gradient(circle at 50% 75%,#fff6c8,#ffad33 60%,transparent 78%);filter:drop-shadow(0 0 7px #ffad33);animation:flick 2.1s ease-in-out var(--d,0s) infinite}
.hero-temple .hero-grid .sub{color:#fff6e4!important}
.hero-temple .chip{background:rgba(255,246,228,.16);border-color:rgba(255,226,150,.5)}
@media(max-width:900px){.ht-moon{left:auto;right:8%;top:1.2rem;width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.ht-stars i,.ht-diyas i,.ht-moon::after{animation:none!important}}