.hero-slider{position:relative;min-height:650px;overflow:hidden;background:#111;color:#fff}
.hero-slides{min-height:650px;position:relative}
.hero-slide{position:absolute;inset:0;display:flex;align-items:center;padding:75px 8%;opacity:0;visibility:hidden;transform:scale(1.025);transition:opacity .65s ease,transform 1.1s ease,visibility .65s;background-image:linear-gradient(90deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.14) 48%,rgba(0,0,0,.02) 76%),var(--slide-image);background-size:cover;background-position:center}
.hero-slide.active{opacity:1;visibility:visible;transform:scale(1)}
.slide-content{position:relative;z-index:2;max-width:760px;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.slide-content .eyebrow{color:#fff;background:var(--red);display:inline-block;padding:7px 10px}
.slide-content h1{margin:18px 0 16px;font:800 clamp(58px,7vw,102px)/.88 'Barlow Condensed';letter-spacing:-.035em;text-transform:uppercase;color:#fff}
.slide-content>p{max-width:610px;margin:0;color:#fff;font-size:16px;line-height:1.75;text-shadow:0 2px 12px #000}
.slide-content .hero-points{color:#fff;text-shadow:0 2px 8px #000}
.slide-button{display:inline-block;padding:15px 22px;background:var(--red);color:#fff;font-size:11px;font-weight:900;box-shadow:0 10px 28px #0004}
.slider-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:48px;height:58px;border:1px solid #ffffff77;background:#0005;color:#fff;font-size:36px;cursor:pointer}.slider-arrow:hover{background:var(--red)}.slider-arrow.prev{left:18px}.slider-arrow.next{right:18px}
.slider-dots{position:absolute;z-index:4;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:9px}.slider-dots button{width:34px;height:4px;padding:0;border:0;background:#ffffff88;cursor:pointer}.slider-dots button.active{background:var(--red)}
@media(max-width:700px){.hero-slider,.hero-slides{min-height:610px}.hero-slide{padding:65px 8%;background-image:linear-gradient(90deg,rgba(0,0,0,.38),rgba(0,0,0,.08)),var(--slide-mobile,var(--slide-image));background-position:center}.slide-content h1{font-size:54px}.slide-content>p{font-size:14px}.slide-content .hero-points{align-items:flex-start}.slider-arrow{width:38px;height:46px}.slider-arrow.prev{left:5px}.slider-arrow.next{right:5px}}
