/* 06-hero.css - homepage hero and slider */
.hero{position:relative;min-height:520px;color:#fff;display:flex;align-items:center;overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s}
.hero-slide.active{opacity:1}
.hero-slide.s1{background:linear-gradient(120deg,rgba(155,12,35,.9),rgba(20,20,22,.55)),repeating-linear-gradient(45deg,#7a0a1c 0 20px,#8f0d22 20px 40px)}
.hero-slide.s2{background:linear-gradient(120deg,rgba(20,20,22,.85),rgba(200,16,46,.6)),repeating-linear-gradient(-45deg,#3a3a40 0 24px,#46464d 24px 48px)}
.hero-slide.s3{background:linear-gradient(120deg,rgba(200,16,46,.85),rgba(242,179,61,.5)),radial-gradient(circle at 30% 40%,#b0122b,#5a0612)}
.hero .container{position:relative;z-index:2;padding-bottom:40px}
.hero h1{max-width:640px}
.hero p{font-size:1.15rem;max-width:560px}
.hero-caption{min-height:3.2em}
.hero-dots{position:absolute;bottom:64px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:3}
.hero-dots button{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:transparent;cursor:pointer;padding:0}
.hero-dots button.active{background:#fff}