.vks{--vks-ink:#10263f;--vks-blue:#1165cf;--vks-gap:28px;--vks-card:clamp(560px,57vw,1050px);background:#f6f8fb;color:var(--vks-ink);padding:76px 0 54px;overflow:hidden;font-family:Inter,Arial,Helvetica,sans-serif;box-sizing:border-box}
.vks *{box-sizing:border-box}
.vks__header{text-align:center;max-width:960px;margin:0 auto 45px;padding:0 24px}
.vks__eyebrow{display:flex;justify-content:center;align-items:center;gap:12px;letter-spacing:.2em;font-size:13px;font-weight:750;margin:0 0 15px;color:#1c3553}
.vks__slash{display:inline-block;width:7px;height:20px;background:var(--vks-blue);transform:skew(-27deg)}
.vks__heading{font-size:clamp(32px,3.5vw,58px);font-weight:760;letter-spacing:-.045em;line-height:1.12;margin:0 0 15px;color:var(--vks-ink)}
.vks__intro{font-size:clamp(14px,1.1vw,18px);line-height:1.65;color:#64758a;margin:0}
.vks__viewport{width:100%;overflow:hidden}
.vks__track{display:flex;gap:var(--vks-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;padding-inline:max(24px,calc((100% - var(--vks-card))/2));padding-block:4px 8px;outline-offset:-4px;cursor:grab;user-select:none;-webkit-user-select:none}
.vks__track::-webkit-scrollbar{display:none}
.vks__track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.vks__slide{position:relative;flex:0 0 var(--vks-card);height:clamp(360px,34vw,570px);border-radius:18px;overflow:hidden;scroll-snap-align:center;isolation:isolate;background:linear-gradient(130deg,#183957,#57728d);opacity:.53;transition:opacity .3s ease,transform .3s ease;transform:scale(.97)}
.vks__slide.is-active{opacity:1;transform:scale(1)}
.vks__image-wrap,.vks__image-wrap picture,.vks__image{position:absolute;inset:0;width:100%;height:100%;display:block}
.vks__image{object-fit:cover;object-position:center;pointer-events:none}
.vks__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,18,33,.87) 0%,rgba(8,22,39,.48) 30%,rgba(9,24,44,.06) 70%);pointer-events:none}
.vks__content{position:absolute;bottom:0;left:0;right:0;padding:clamp(24px,3vw,52px);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.2);pointer-events:none}
.vks__index{display:block;color:#b6d8ff;font-size:13px;letter-spacing:.2em;font-weight:750;margin-bottom:10px}
.vks__title{font-size:clamp(25px,2.2vw,38px);line-height:1.15;font-weight:750;letter-spacing:-.025em;color:#fff;margin:0 0 9px}
.vks__desc{font-size:clamp(14px,1.12vw,18px);line-height:1.5;color:#e7eff9;max-width:530px;margin:0}
.vks__footer{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:21px auto 0;padding:0 24px}
.vks__nav{display:flex;gap:10px}
.vks__arrow{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d1dce9;border-radius:50%;background:#fff;color:#123656;font-size:23px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.vks__arrow:hover:not(:disabled){background:#0e5cc1;border-color:#0e5cc1;color:#fff}
.vks__arrow:focus-visible{outline:3px solid #78b5ff;outline-offset:3px}
.vks__arrow:disabled{opacity:.35;cursor:not-allowed}
.vks__count{margin:0;font-size:19px;font-weight:750;font-variant-numeric:tabular-nums;color:#132c48}
.vks__count-sep{color:#9aa9b8;font-size:14px;font-weight:400}
@media(max-width:1023px){.vks{--vks-card:70vw;--vks-gap:20px;padding-top:64px}.vks__slide{height:440px}}
@media(max-width:767px){.vks{--vks-gap:12px;padding:50px 0 32px}.vks__header{text-align:left;margin-bottom:26px;padding-inline:16px}.vks__eyebrow{justify-content:flex-start;font-size:11px;margin-bottom:13px}.vks__heading{font-size:clamp(29px,7.6vw,40px);line-height:1.14}.vks__intro{font-size:14px;line-height:1.55}.vks__track{padding-inline:16px;scroll-padding-inline:16px;scroll-snap-type:x mandatory}.vks__slide{flex-basis:calc((100% - 12px)/1.15);height:clamp(340px,112vw,470px);border-radius:13px;scroll-snap-align:start;opacity:1;transform:none}.vks__slide.is-active{transform:none}.vks__content{padding:24px}.vks__title{font-size:25px}.vks__desc{font-size:14px;max-width:270px}.vks__footer{padding-inline:16px;margin-top:15px}.vks__arrow{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.vks__track{scroll-behavior:auto}.vks__slide,.vks__arrow{transition:none}}
@media(min-width:768px){.vks__slide:not(.is-active) .vks__content{opacity:0}}
/* v1.2: Reference-style navigation overlays + clean mobile image edges */
.vks{position:relative;background:#fff}
.vks__viewport{position:relative;overflow:hidden}
.vks__track{padding-block:0;scrollbar-width:none}
.vks__slide{transform:none;opacity:.48;transition:opacity .28s ease;box-shadow:none!important}
.vks__slide.is-active{transform:none;opacity:1}
.vks__shade{background:linear-gradient(to top,rgba(4,13,26,.64) 0%,rgba(4,13,26,.23) 21%,transparent 55%)}
.vks__footer{position:absolute;left:0;right:0;top:calc(76px + 160px + 45px);height:clamp(360px,34vw,570px);max-width:none;margin:0;padding:0;pointer-events:none;z-index:5}
.vks__nav{position:absolute;inset:0;display:block;pointer-events:none}
.vks__arrow{position:absolute;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(35,39,45,.3);border:0;color:white;font-size:0;pointer-events:auto;backdrop-filter:blur(3px)}
.vks__arrow[data-vks-prev]{left:max(44px,calc((100% - var(--vks-card))/4))}
.vks__arrow[data-vks-next]{left:calc(100% - max(44px,calc((100% - var(--vks-card))/4)))}
.vks__arrow span{font-size:34px;font-family:Arial,sans-serif;font-weight:300;line-height:1}
.vks__arrow:hover:not(:disabled){background:rgba(22,27,34,.58);color:white}
.vks__arrow:disabled{opacity:.2}
.vks__count{position:absolute;right:calc((100% - var(--vks-card))/2 + 38px);bottom:35px;color:#fff;text-shadow:0 1px 6px #111;font-size:27px;pointer-events:none}
.vks__count-sep{color:#fff;font-size:15px}
.vks__index{display:none}
.vks__content{padding:clamp(24px,3vw,52px)}
.vks__slide:not(.is-active) .vks__content{opacity:0}
/* Place the navigation relative to the actual viewport rather than estimating header height. */
.vks__viewport .vks__footer{top:0;height:100%}
@media(max-width:1023px){.vks__footer{top:calc(64px + 160px + 45px);height:440px}}
@media(max-width:767px){
 .vks{background:#fff}
 .vks__track{padding-inline:16px;scroll-padding-inline:16px;padding-block:0}
 .vks__slide{opacity:1!important;transform:none!important;box-shadow:none!important;background:#152a42}
 .vks__shade{background:linear-gradient(to top,rgba(5,18,35,.68) 0%,rgba(5,18,35,.34) 23%,transparent 49%)}
 .vks__content{padding:18px 19px 22px;bottom:0}
 .vks__index{display:block;font-size:12px;margin-bottom:8px}
 .vks__title{font-size:23px;margin-bottom:6px}
 .vks__desc{font-size:13px;line-height:1.45}
 .vks__footer{position:relative;top:auto;height:auto;display:flex;align-items:center;justify-content:flex-end;margin-top:13px;padding:0 16px;pointer-events:auto}
 .vks__nav{position:relative;inset:auto;display:flex;gap:8px;pointer-events:auto}
 .vks__arrow,.vks__arrow[data-vks-prev],.vks__arrow[data-vks-next]{position:static;transform:none;width:40px;height:40px;background:rgba(22,38,58,.85);font-size:0}
 .vks__arrow span{font-size:24px}
 .vks__count{position:static;color:#17314d;font-size:17px;text-shadow:none;margin-left:12px}
 .vks__count-sep{color:#8091a3;font-size:13px}
 .vks__slide:not(.is-active) .vks__content{opacity:1}
}

/* Explicit navigation placement inside viewport on desktop. */
@media(min-width:768px){.vks__viewport>.vks__footer{position:absolute;inset:0;height:100%;margin:0;pointer-events:none}}