html .wk-cs{overflow:hidden}
html .cs-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:46px}
html .cs-arrows{display:flex;gap:12px;flex:none}
html .cs-arrows button{width:56px;height:56px;border-radius:50%;border:1px solid #151515;background:transparent;font-size:20px;cursor:pointer;transition:background .25s,color .25s,border-color .25s}
html .cs-arrows button:hover{background:var(--green);border-color:var(--green)}
html .cs-arrows button:disabled{opacity:.3;cursor:default;background:transparent;border-color:#151515}
html .cs-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-left:var(--csl,30px);padding-right:30px;scroll-padding-left:var(--csl,30px)}
html .cs-track::-webkit-scrollbar{display:none}
html .cs{position:relative;flex:0 0 clamp(270px,calc(26*var(--vw,1vw)),380px);height:clamp(384px,calc(37*var(--vw,1vw)),540px);border-radius:18px;overflow:hidden;background:#151515;scroll-snap-align:start;color:#fff;display:block;isolation:isolate}
html .cs:first-child{flex-basis:clamp(440px,calc(44*var(--vw,1vw)),640px)}
html .cs-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:28% 0;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
html .cs-tint{position:absolute;inset:0;background:radial-gradient(120% 80% at 30% 20%,var(--t) 0%,transparent 70%),radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1.5px) 0 0/16px 16px,#141414}
html .cs-logo{position:absolute;left:50%;top:38%;width:62%;max-height:26%;object-fit:contain;transform:translate(-50%,-50%);filter:brightness(0) invert(1);opacity:.95;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
html .cs-logo.inv{filter:invert(1) grayscale(1);mix-blend-mode:screen}
html .cs:hover .cs-bg{transform:scale(1.05)}
html .cs:hover .cs-logo{transform:translate(-50%,-50%) scale(1.06)}
html .cs-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,transparent 24%,transparent 48%,rgba(10,10,10,.92) 82%)}
html .cs-name-top{position:absolute;left:22px;top:20px;font-weight:700;font-size:20px;line-height:1.1;letter-spacing:.06em;z-index:2;text-shadow:0 2px 12px rgba(0,0,0,.5)}
html .cs-rib{position:absolute;right:-38px;top:22px;transform:rotate(45deg);background:var(--green);color:#151515;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:5px 46px;z-index:2}
html .cs-info{position:absolute;left:22px;right:70px;bottom:22px;display:grid;gap:6px;justify-items:start;z-index:2}
html .cs-pill{font-size:12px;font-weight:600;padding:5px 12px;border-radius:30px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.35);backdrop-filter:blur(4px);margin-bottom:8px}
html .cs-info b{font-size:21px;line-height:1.2}
html .cs-info small{font-size:13px;color:rgba(255,255,255,.72)}
html .cs-go{position:absolute;right:20px;bottom:22px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.4);display:grid;place-items:center;font-size:16px;z-index:2;transition:background .25s,color .25s,border-color .25s}
html .cs:hover .cs-go{background:var(--green);border-color:var(--green);color:#151515}
html .cs-foot{display:flex;justify-content:center;margin-top:46px}
@media (max-width:767px){html .cs-head{margin-bottom:30px}html .cs-arrows button{width:46px;height:46px}html .cs{flex-basis:78vw;height:118vw}html .cs:first-child{flex-basis:88vw}html .cs-track{gap:14px}html .cs-pill{font-size:11px}html .cs-info b{font-size:18px}html .cs-info small{font-size:12px}html .cs-info{left:18px;bottom:18px;right:62px}html .cs-go{right:16px;bottom:18px}}
html .cs-wrap{position:relative;isolation:isolate}html .cs-wrap::before{content:"";position:absolute;left:calc(var(--csl,30px) - 46px);top:-46px;width:240px;height:200px;background:radial-gradient(circle,#abbc3b 1.3px,transparent 1.8px) 0 0/14px 14px;z-index:-1;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at 0% 0%,#000 35%,transparent 75%);mask-image:radial-gradient(ellipse at 0% 0%,#000 35%,transparent 75%)}@media (max-width:767px){html .cs-wrap::before{left:-20px;top:-26px;width:160px;height:140px}}
html .cs-logo.raw{filter:none;width:42%;max-height:none;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.45)}
