/* Human Health Index story (animated) */
.hs{padding:4rem 0}.hs .container{max-width:1100px}
.hs h2{font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.1;margin:.4rem 0 1rem}
.hs-prog{position:fixed;top:0;left:0;height:4px;width:0;background:linear-gradient(90deg,#5cc23a,#7fe3a0);z-index:999}
.hs-video{position:relative;border-radius:20px;overflow:hidden;min-height:380px;display:flex;align-items:flex-end;color:#fff;box-shadow:0 14px 40px rgba(6,50,26,.25)}
.hs-video video,.hs-video img,.hs-video .lit{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hs-video::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,19,11,.92),rgba(6,19,11,.55) 60%,rgba(6,19,11,.35))}
.hs-video .tx{position:relative;z-index:2;padding:2rem;max-width:640px}
.hs-video h2{color:#fff;margin:0 0 .5rem}.hs-video p{color:#dff3e4}
.hs-two{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}
.hs-two.rev .ph{order:2}
.hs .ph{border-radius:20px;overflow:hidden;box-shadow:0 12px 36px rgba(6,50,26,.2);aspect-ratio:4/3}
.hs .ph img{width:100%;height:100%;object-fit:cover;animation:hsk 18s ease-in-out infinite alternate}
@keyframes hsk{to{transform:scale(1.12) translate(-2%,-2%)}}
.hs-two p{color:#456352;margin-bottom:.8rem}
.hs-ring{display:grid;grid-template-columns:1.05fr 1fr;gap:2.5rem;align-items:center}
.hs-ring svg{width:100%;max-width:460px;margin:auto;display:block}
.hs-ring .seg{fill:none;stroke-width:16;stroke-linecap:round;stroke-dasharray:0 1000;transition:stroke-dasharray 1.6s cubic-bezier(.2,.8,.2,1)}
.hs-ring .trk{fill:none;stroke:rgba(6,50,26,.1);stroke-width:16}
.hs-ring .pulse{transform-origin:200px 200px;animation:hsp 4s ease-in-out infinite}
@keyframes hsp{50%{transform:scale(1.08)}}
.hs-ring ul{list-style:none;display:grid;gap:.5rem}
.hs-ring li{display:flex;gap:.7rem;align-items:center;color:#2c4a38;padding:.45rem .7rem;border-radius:10px;transition:background .3s;cursor:default}
.hs-ring li:hover,.hs-ring li.on{background:rgba(92,194,58,.15)}
.hs-ring li i{width:14px;height:14px;border-radius:50%;flex:none}
.hs-ring li b{margin-left:auto;color:#0f5a2b}
.hs-note{font-size:.82rem;color:#6b8575;margin-top:.8rem}
.hs-bands{position:relative;margin-top:2rem}
.hs-bar{display:flex;height:54px;border-radius:14px;overflow:hidden;font-size:.85rem;font-weight:600;color:#fff}
.hs-bar div{display:flex;align-items:center;justify-content:center;text-align:center;padding:0 .4rem}
.hs-bar .a{width:49%;background:#2a2a2a}.hs-bar .b{width:29%;background:#c9a227}.hs-bar .c{width:22%;background:#1a7a3e}
.hs-needle{position:absolute;top:-10px;left:0;width:0;transition:left 2.4s cubic-bezier(.3,1.4,.4,1)}
.hs-needle::before{content:"";display:block;width:3px;height:74px;background:#06130b;margin-left:-1px}
.hs-needle span{position:absolute;top:-24px;left:-18px;font-size:.8rem;font-weight:700;color:#06130b;white-space:nowrap}
.hs-scale{display:flex;justify-content:space-between;font-size:.75rem;color:#6b8575;margin-top:.4rem}
.hs-tree{display:grid;grid-template-columns:repeat(7,1fr);gap:.6rem;margin-top:2rem}
.hs-tree a{display:block;text-align:center;padding:1rem .4rem;border-radius:14px;background:#fff;border:1px solid rgba(6,50,26,.12);color:#0f5a2b;font-size:.82rem;font-weight:500;text-decoration:none;transition:transform .3s,box-shadow .3s;animation:hsb 5s ease-in-out infinite}
.hs-tree a:nth-child(2n){animation-delay:.6s}.hs-tree a:nth-child(3n){animation-delay:1.2s}
.hs-tree a:hover{transform:translateY(-6px);box-shadow:0 10px 24px rgba(6,50,26,.18)}
.hs-tree svg{width:34px;height:34px;display:block;margin:0 auto .4rem}
@keyframes hsb{50%{transform:translateY(-5px)}}
.hs .rv{opacity:1}.hs.rv-on .rv{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s}
.hs.rv-on .rv.on{opacity:1;transform:none}
@media(max-width:860px){.hs-two,.hs-ring{grid-template-columns:1fr}.hs-two.rev .ph{order:0}.hs-tree{grid-template-columns:repeat(4,1fr)}}
@media(max-width:520px){.hs-tree{grid-template-columns:repeat(2,1fr)}.hs-bar{font-size:.68rem}}
@media(prefers-reduced-motion:reduce){.hs *{animation:none!important;transition:none!important}}