/* ROST homepage hero slider, 2026-10-25 */
.hs{position:relative;overflow:hidden;border-radius:12px;margin:0 0 20px;background:#1f1f1f;height:360px;font-family:"Segoe UI",Tahoma,Arial,sans-serif;touch-action:pan-y;-webkit-user-select:none;user-select:none;text-align:left}
.hs-slide{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s .8s}
.hs-slide.on{opacity:1;visibility:visible;transition:opacity .8s ease;z-index:1}
.hs-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 7s ease-out}
.hs-slide.on .hs-bg{transform:scale(1)}
.hs-slide:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.48) 38%,rgba(0,0,0,0) 72%)}
.hs-txt{position:relative;z-index:2;color:#fff;max-width:48%;height:100%;box-sizing:border-box;padding:40px 48px 56px;display:flex;flex-direction:column;justify-content:center}
.hs-t{font-size:32px;font-weight:700;line-height:1.15;margin:0 0 12px;color:#fff}
.hs-d{font-size:16px;line-height:1.5;margin:0 0 22px;color:rgba(255,255,255,.92);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.hs a.hs-btn{align-self:flex-start;background:#d9141b;color:#fff!important;text-decoration:none!important;font-weight:600;font-size:15px;padding:12px 24px;border-radius:8px;transition:background .2s}
.hs a.hs-btn:hover{background:#b30f15}
.hs-slide.on .hs-t,.hs-slide.on .hs-d,.hs-slide.on .hs-btn{animation:hsUp .7s ease-out both}
.hs-slide.on .hs-d{animation-delay:.12s}.hs-slide.on .hs-btn{animation-delay:.24s}
@keyframes hsUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hs-nav{position:absolute;top:50%;z-index:3;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.9);color:#222;font-size:26px;line-height:42px;text-align:center;cursor:pointer;opacity:0;transition:opacity .25s;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.hs:hover .hs-nav,.hs-nav:focus{opacity:1}
.hs-prev{left:16px}.hs-next{right:16px}
.hs-dots{position:absolute;z-index:3;left:48px;bottom:20px;display:flex;gap:8px}
.hs-dots button{width:10px;height:10px;border-radius:5px;border:0;padding:0;background:rgba(255,255,255,.5);cursor:pointer;transition:width .3s,background .3s}
.hs-dots button[aria-current="true"]{width:28px;background:#fff}
@media (max-width:1023px){.hs{height:320px}.hs-txt{max-width:68%;padding:32px 34px 52px}.hs-t{font-size:27px}.hs-dots{left:34px}}
@media (max-width:600px){
 .hs{height:320px;border-radius:10px;margin-bottom:14px}
 .hs-bg{object-position:70% center}
 .hs-slide:after{background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 45%,rgba(0,0,0,0) 75%)}
 .hs-txt{max-width:none;justify-content:flex-end;padding:20px 18px 42px}
 .hs-t{font-size:23px;margin-bottom:8px}.hs-d{font-size:14px;-webkit-line-clamp:3;margin-bottom:14px}
 .hs a.hs-btn{padding:11px 20px;font-size:14px}
 .hs-dots{left:18px;bottom:16px}
}
@media (hover:none){.hs-nav{display:none}}
@media (prefers-reduced-motion:reduce){.hs-slide,.hs-bg{transition:none!important}.hs-slide.on .hs-t,.hs-slide.on .hs-d,.hs-slide.on .hs-btn{animation:none}}