.stas{--stas-h:100;--stas-off:0px;--stas-shade:65;--stas-speed:1200ms;--stas-int:6000ms;position:relative;width:100%;height:calc(var(--stas-h) * 1vh - var(--stas-off));min-height:360px;overflow:hidden;background:#111;color:#fff;touch-action:pan-y}
@supports (height:1svh){.stas{height:calc(var(--stas-h) * 1svh - var(--stas-off))}}
.stas-track,.stas-slide,.stas-media{position:absolute;inset:0}
.stas-slide{opacity:0;visibility:hidden;transition:opacity var(--stas-speed) ease,visibility 0s linear var(--stas-speed);z-index:1}
.stas-slide.is-active{opacity:1;visibility:visible;transition:opacity var(--stas-speed) ease,visibility 0s;z-index:2}
.stas-media{overflow:hidden}
.stas-img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block;transform:scale(1.001);will-change:transform}
.stas-kb .stas-slide.is-active .stas-img{animation:stasKB calc(var(--stas-int) + var(--stas-speed) + 1500ms) linear forwards}
@keyframes stasKB{from{transform:scale(1.001)}to{transform:scale(1.09)}}
.stas-shadeL{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,calc(var(--stas-shade) / 100)) 0%,rgba(0,0,0,calc(var(--stas-shade) / 250)) 38%,rgba(0,0,0,0) 65%);pointer-events:none}
.stas-cap{position:absolute;left:0;right:0;bottom:0;padding:0 6vw 9vw;max-width:1100px;box-sizing:border-box}
.stas-align-center .stas-cap{margin:0 auto;text-align:center}
.stas-align-center .stas-btns{justify-content:center}
.stas-cap>*{opacity:0;transform:translateY(22px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.stas-slide.is-active .stas-cap>*{opacity:1;transform:none}
.stas-slide.is-active .stas-cap>*:nth-child(1){transition-delay:.35s}
.stas-slide.is-active .stas-cap>*:nth-child(2){transition-delay:.5s}
.stas-slide.is-active .stas-cap>*:nth-child(3){transition-delay:.65s}
.stas-slide.is-active .stas-cap>*:nth-child(4){transition-delay:.8s}
.stas-label{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:#9fd46c}
.stas-title{margin:0;font-size:clamp(38px,6vw,92px);font-weight:300;line-height:1.02;letter-spacing:-.01em;color:#fff}
.stas-award{margin:16px 0 0;font-size:clamp(14px,1.2vw,18px);line-height:1.55;color:#fff;max-width:40em}
.stas-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.stas-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:1px solid #fff;color:#fff;background:transparent;font-size:13px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:background .3s,color .3s}
.stas-btn:hover{background:#fff;color:#111!important}
.stas-btn-ghost{border-color:transparent!important;padding-left:6px;padding-right:6px}
.stas-btn-ghost:hover{background:transparent;color:#fff!important;text-decoration:underline;text-underline-offset:5px}
.stas-ui{position:absolute;right:6vw;bottom:9vw;z-index:5;display:flex;align-items:center;gap:28px;color:#fff}
.stas-count{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.stas-bar{position:relative;display:block;width:90px;height:1px;background:rgba(255,255,255,.35);overflow:hidden}
.stas-bar i{position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.stas.is-playing .stas-bar i.run{animation:stasBar var(--stas-int) linear forwards}
.stas:not(.is-playing) .stas-bar i{transform:scaleX(1)}
@keyframes stasBar{to{transform:scaleX(1)}}
.stas-arrows{display:flex;gap:6px}
.stas-arrows button{width:48px;height:48px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;transition:background .3s,border-color .3s}
.stas-arrows button:hover{background:rgba(255,255,255,.15);border-color:#fff}
.stas-arrows svg{display:block}
@media (max-width:1024px){.stas-ui{bottom:40px}}
@media (max-width:767px){
 .stas{min-height:300px}
 .stas-cap{padding:0 20px 84px}
 .stas-ui{left:20px;right:20px;bottom:26px;justify-content:space-between}
 .stas-arrows button{width:40px;height:40px}
 .stas-btns{margin-top:22px}.stas-btn{padding:10px 16px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){.stas-kb .stas-slide.is-active .stas-img{animation:none}.stas-cap>*{transition:none}}
