.slider{position:relative;height:380px;border-radius:14px;overflow:hidden;background:#000;margin-bottom:25px}
.slider-track{display:flex;height:100%;transition:transform .9s cubic-bezier(.4,0,.2,1)}
.slide{min-width:100%;height:100%;position:relative;flex-shrink:0}
.slide img{width:100%;height:100%;object-fit:cover;display:block}
.slide::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.35),transparent),linear-gradient(to right,rgba(0,0,0,.55),transparent 55%)}
.slide-info{position:absolute;left:36px;bottom:36px;z-index:5;max-width:520px;color:#fff}
.slide-info h3{margin:0 0 6px;font-size:34px;font-weight:800;line-height:1.15}
.slide-meta{font-size:14px;font-weight:600;opacity:.95}
.slider-dots{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:10px;z-index:10}
.slider-dots span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:.25s ease}
.slider-dots span.active{background:#ff7a18;transform:scale(1.25)}
@media(max-width:1024px){.slider{height:280px}.slide-info h3{font-size:26px}}
@media(max-width:768px){.slider{height:200px;border-radius:10px}.slide-info{left:18px;bottom:18px;max-width:90%}.slide-info h3{font-size:20px}.slide-meta{font-size:12px}}