.herds{margin:0 10% 65px;color:#fff}
.herd-stage{position:relative;height:clamp(340px,42vw,560px);overflow:hidden;border-radius:18px;background:#112e24;isolation:isolate}
.herd-scene{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 2s ease;pointer-events:none}
.herd-scene.is-active{opacity:1}
.herd-scene img{width:100%;height:100%;object-fit:cover;object-position:center 56%;display:block}
.herd-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,27,19,.78),transparent 65%)}
.herd-caption{position:absolute;z-index:1;left:5%;bottom:10%;right:5%}
.herd-caption h2{color:#fff;font-size:clamp(38px,5vw,64px);font-weight:600;letter-spacing:-.04em;line-height:1.1}
.herd-caption{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.herd-caption h2{margin:0;flex-shrink:0}
.herd-caption p{margin:0;max-width:760px;font-size:clamp(14px,1.3vw,17px);line-height:1.6;color:#f1f7f3;text-wrap:pretty}
@media(max-width:800px){.herd-caption{gap:12px}}
@media(max-width:600px){.herds{margin:0 7% 40px}.herd-stage{height:360px;border-radius:12px}.herd-scene img{object-position:58% center}}
@media(prefers-reduced-motion:reduce){.herd-scene{transition:none}}