.hero{background:#302820}
.hero-slides,.hero-slide{position:absolute;inset:0;width:100%;height:100%}
.hero-slide{object-fit:cover;opacity:0;transform:scale(1.035);transition:opacity 1.2s ease,transform 7s ease}
.hero-slide.is-active{opacity:1;transform:scale(1)}
.hero-pager{position:absolute;z-index:3;right:max(20px,calc((100vw - 1160px)/2));bottom:32px;display:flex;gap:9px}
.hero-pager button{width:38px;height:4px;padding:0;border:0;background:rgba(255,255,255,.38);cursor:pointer;transition:background .3s,width .3s}
.hero-pager button.is-active{width:66px;background:var(--gold)}
@media(prefers-reduced-motion:reduce){.hero-slide{transition:none;transform:none}}