.vd-pl{position:absolute;right:16px;top:16px;z-index:2;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(232,241,250,.9));box-shadow:0 10px 26px rgba(6,18,30,.3);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.vd-pl::before{content:"";margin-left:4px;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #17395E}

.vd-hero{padding:clamp(120px,13vw,170px) 0 clamp(50px,6vw,90px)}
.vd-hero__grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(30px,4vw,70px);align-items:center}
.vd-kick{display:flex;align-items:center;gap:10px;font:500 12px/1.3 var(--kx-m);letter-spacing:.14em;text-transform:uppercase;color:var(--kx-mute)}
.vd-kick i{width:8px;height:8px;border-radius:50%;background:#E5484D;box-shadow:0 0 0 4px rgba(229,72,77,.18);animation:vdBl 1.6s infinite}
@keyframes vdBl{50%{opacity:.3}}
#allrecords .vd-hero h1{margin:22px 0 0;font:800 clamp(32px,3.5vw,58px)/1 var(--kx-d);letter-spacing:-.05em;color:var(--kx-ink);text-wrap:balance}
.vd-hero h1 em{display:block;font-style:normal;background:linear-gradient(100deg,#2F6496 10%,#6FA0CE 55%,#18497B 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.vd-hero h1 em .kw,.vd-hero h1 em .kwi{background:inherit;-webkit-background-clip:text;background-clip:text;color:transparent}
.vd-lead{margin:26px 0 0;max-width:52ch;font-size:clamp(16px,1.35vw,19px);line-height:1.6;color:var(--kx-ink2)}
.vd-act{display:flex;align-items:center;gap:22px 28px;flex-wrap:wrap;margin-top:32px}
.vd-facts{display:flex;margin-top:clamp(34px,4vw,50px);border-top:1px solid var(--kx-line)}
.vd-facts>div{flex:1;padding:20px 16px 0 0}
.vd-facts>div+div{padding-left:16px;border-left:1px solid var(--kx-line)}
.vd-facts b{display:block;white-space:nowrap;font:800 clamp(24px,2.4vw,36px)/1 var(--kx-d);letter-spacing:-.045em;color:var(--kx-ink)}
.vd-facts span{display:block;margin-top:8px;font-size:13.5px;line-height:1.4;color:var(--kx-mute)}
.vd-vf{position:relative;display:block;width:100%;aspect-ratio:16/11;border:0;padding:0;border-radius:28px;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#0B1A2B,#06101B);
  box-shadow:0 0 0 10px rgba(255,255,255,.45),0 0 0 11px rgba(255,255,255,.9),0 50px 110px rgba(10,30,52,.45);text-align:left}
#allrecords .vd-vf img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;animation:vdKb 22s ease-in-out infinite alternate}
@keyframes vdKb{from{transform:scale(1.04)}to{transform:scale(1.14) translate(-2%,-1%)}}
.vd-vf::after{content:"";position:absolute;inset:0;background-image:radial-gradient(120% 90% at 50% 50%,rgba(3,9,16,0) 50%,rgba(3,9,16,.65)),linear-gradient(180deg,rgba(3,9,16,.25),rgba(3,9,16,0) 30%,rgba(3,9,16,0) 70%,rgba(3,9,16,.45))}
.vd-vf__c{position:absolute;z-index:2;width:30px;height:30px;border:2px solid rgba(255,255,255,.85)}
.vd-vf__c:nth-of-type(1){left:20px;top:20px;border-right:0;border-bottom:0;border-radius:9px 0 0 0}.vd-vf__c:nth-of-type(2){right:20px;top:20px;border-left:0;border-bottom:0;border-radius:0 9px 0 0}
.vd-vf__c:nth-of-type(3){left:20px;bottom:20px;border-right:0;border-top:0;border-radius:0 0 0 9px}.vd-vf__c:nth-of-type(4){right:20px;bottom:20px;border-left:0;border-top:0;border-radius:0 0 9px 0}
.vd-hud{position:absolute;z-index:3;left:64px;right:64px;display:flex;justify-content:space-between;align-items:center;gap:12px;font:600 11.5px/1 var(--kx-m);letter-spacing:.08em;color:#EAF2FA;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.vd-hud--t{top:30px}.vd-hud--b{bottom:30px}
.vd-rec{display:inline-flex;align-items:center;gap:7px}.vd-rec::before{content:"";width:8px;height:8px;border-radius:50%;background:#E5483E;animation:vdBl 1.2s infinite}
.vd-hud em{font-style:normal;color:#8FC2EA}
.vd-lv{display:flex;gap:3px;align-items:flex-end;height:14px}
.vd-lv i{width:3px;height:100%;border-radius:2px;background:#7CE38B;transform-origin:50% 100%;animation:vdLv .9s ease-in-out infinite alternate}
.vd-lv i:nth-child(2){animation-delay:-.3s}.vd-lv i:nth-child(3){animation-delay:-.6s;background:#FFD25A}.vd-lv i:nth-child(4){animation-delay:-.15s}.vd-lv i:nth-child(5){animation-delay:-.45s}
@keyframes vdLv{from{transform:scaleY(.25)}to{transform:scaleY(1)}}
.vd-play{position:absolute;z-index:3;left:50%;top:50%;width:92px;height:92px;margin:-46px 0 0 -46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.6);transition:transform .45s cubic-bezier(.2,.8,.2,1),background .3s}
.vd-play::before{content:"";margin-left:6px;border-style:solid;border-width:14px 0 14px 22px;border-color:transparent transparent transparent #fff}
.vd-play::after{content:"";position:absolute;inset:-12px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(255,255,255,.35);animation:vdRing 2.4s ease-out infinite}
@keyframes vdRing{from{transform:scale(.8);opacity:1}to{transform:scale(1.35);opacity:0}}
.vd-vf:hover .vd-play{transform:scale(1.08);background:rgba(255,255,255,.28)}
.vd-vf__cap{position:absolute;z-index:3;left:64px;bottom:58px;font:700 15px/1.3 var(--kx-d);letter-spacing:-.02em;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.vd-chips{position:relative}
.vd-chip{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:11px 15px 11px 11px;border-radius:16px;font:600 13px/1.3 var(--kx-t);color:var(--kx-ink);background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(255,255,255,.7));box-shadow:inset 0 1px 0 #fff,0 18px 40px rgba(14,44,74,.2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.vd-chip i{flex:none;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-style:normal;color:#fff;background:linear-gradient(135deg,#2F6496,#17395E)}
.vd-chip i svg{width:15px;height:15px}
.vd-chip--a{left:-26px;bottom:-22px}.vd-chip--b{right:-18px;top:-22px}
@media (max-width:1020px){ .vd-hero__grid{grid-template-columns:1fr} .vd-chip--a{left:10px}.vd-chip--b{right:10px} }
@media (max-width:620px){
  .vd-facts{flex-wrap:wrap}.vd-facts>div{flex:1 1 40%}.vd-facts>div:nth-child(3){flex-basis:100%;padding-left:0;border-left:0;margin-top:14px;padding-top:14px;border-top:1px solid var(--kx-line)}
  .vd-vf{aspect-ratio:4/3.6;border-radius:22px}.vd-hud{left:44px;right:44px;font-size:10px}.vd-hud--t{top:22px}.vd-hud--b{bottom:22px}.vd-vf__cap{left:44px;bottom:46px;font-size:13px}
  .vd-chip{font-size:12px;padding:9px 12px 9px 9px}.vd-chip--a{bottom:-18px}.vd-chip--b{top:-18px}
}
@media (prefers-reduced-motion:reduce){ #allrecords .vd-vf img,.vd-lv i,.vd-play::after{animation:none} }


.vd-pl{position:absolute;right:16px;top:16px;z-index:2;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(232,241,250,.9));box-shadow:0 10px 26px rgba(6,18,30,.3);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.vd-pl::before{content:"";margin-left:4px;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #17395E}

.vd-fm__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:clamp(34px,4vw,56px)}
.vd-fm__c{position:relative;display:flex;flex-direction:column;border-radius:28px;background:var(--kx-glass);box-shadow:var(--kx-shadow);overflow:hidden}
.vd-fm__ph{position:relative;display:block;width:100%;height:200px;padding:0;border:0;overflow:hidden;background:#0F2B49;cursor:pointer}
#allrecords .vd-fm__ph img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
.vd-fm__ph img{transform:scale(1.02);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.vd-fm__ph::after{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(8,26,44,0) 50%,rgba(8,26,44,.55))}
.vd-fm__c:hover .vd-fm__ph img{transform:scale(1.09)}
.vd-fm__c:hover .vd-pl{transform:scale(1.12)}
.vd-fm__ph b{position:absolute;left:16px;bottom:14px;z-index:1;font:600 10.5px/1 var(--kx-m);letter-spacing:.12em;text-transform:uppercase;color:#fff}
.vd-fm__b{display:flex;flex-direction:column;flex:1;padding:24px 26px 26px}
.vd-fm__k{font:600 11px/1 var(--kx-m);letter-spacing:.14em;text-transform:uppercase;color:var(--kx-mute)}
.vd-fm__c h3{margin:12px 0 0;font:700 clamp(20px,1.8vw,24px)/1.12 var(--kx-d);letter-spacing:-.03em;color:var(--kx-ink)}
.vd-fm__s{margin:10px 0 0;font-size:15px;line-height:1.5;color:var(--kx-ink2);flex:1}
.vd-fm__p{margin-top:20px;font:800 clamp(24px,2.2vw,30px)/1 var(--kx-d);letter-spacing:-.04em;color:var(--kx-ink)}
.vd-fm__p small{display:block;margin-top:8px;font:500 12px/1.4 var(--kx-m);letter-spacing:.04em;color:var(--kx-acc)}
.vd-fm__go{display:flex;align-items:center;justify-content:space-between;height:52px;margin-top:20px;padding:0 7px 0 20px;border-radius:999px;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(24,73,123,.18);font-weight:700;color:var(--kx-ink)!important;text-decoration:none!important;transition:background .3s,color .3s}
.vd-fm__go i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#17395E;color:#fff;font-style:normal;transition:transform .4s}
.vd-fm__go:hover{background:#17395E;color:#fff!important}
.vd-fm__go:hover i{background:#fff;color:#17395E;transform:rotate(-45deg)}
.vd-fm__c--hot{background-image:radial-gradient(120% 90% at 20% 0%,#245A8C 0%,#0F2B49 50%,#081A2C 100%);box-shadow:0 40px 90px rgba(8,26,44,.4)}
.vd-fm__c--hot .vd-fm__k,.vd-fm__c--hot .vd-fm__p small{color:#8FC2EA}
.vd-fm__c--hot h3,.vd-fm__c--hot .vd-fm__p{color:#fff}
.vd-fm__c--hot .vd-fm__s{color:#C9DBEC}
.vd-fm__c--hot .vd-fm__go{background:#fff;color:#0A1824!important;box-shadow:none}
.vd-fm__badge{position:absolute;top:14px;left:14px;z-index:3;height:28px;padding:0 12px;display:inline-flex;align-items:center;border-radius:999px;font:600 10.5px/1 var(--kx-m);letter-spacing:.12em;text-transform:uppercase;color:#0A1824;background:linear-gradient(135deg,#EAF4FF,#BFDCF5);box-shadow:0 10px 24px rgba(8,26,44,.3)}
@media (max-width:1020px){ .vd-fm__grid{grid-template-columns:1fr 1fr} }
@media (max-width:680px){ .vd-fm__grid{grid-template-columns:1fr;gap:16px} .vd-fm__ph{height:190px} .vd-fm__b{padding:20px 20px 22px} }


.vd-pl{position:absolute;right:16px;top:16px;z-index:2;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(232,241,250,.9));box-shadow:0 10px 26px rgba(6,18,30,.3);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.vd-pl::before{content:"";margin-left:4px;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #17395E}

.vd-wk__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:16px;margin-top:clamp(34px,4vw,56px)}
.vd-wk__t{position:relative;margin:0;min-width:0;aspect-ratio:16/10.5}
.vd-wk__t--xl{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.vd-wk__b{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;border-radius:22px;overflow:hidden;cursor:pointer;background:linear-gradient(135deg,#1B3543,#0A1824);box-shadow:0 22px 50px rgba(14,44,74,.22);text-align:left;isolation:isolate}
#allrecords .vd-wk__b img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;z-index:-2}
.vd-wk__b img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.vd-wk__b::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(180deg,rgba(6,18,30,0) 40%,rgba(6,18,30,.85))}
.vd-wk__b:hover img{transform:scale(1.07)}
.vd-wk__b:hover .vd-pl{transform:scale(1.12)}
.vd-wk__o{position:absolute;left:0;right:0;bottom:0;padding:20px 22px;display:flex;flex-direction:column;gap:3px;color:#fff}
.vd-wk__o small{align-self:flex-start;margin-bottom:6px;padding:5px 9px;border-radius:7px;font:600 10px/1 var(--kx-m);letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.1));box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
.vd-wk__o b{font:700 clamp(15px,1.3vw,19px)/1.2 var(--kx-d);letter-spacing:-.02em}
.vd-wk__o em{font-style:normal;font-size:14px;color:rgba(255,255,255,.8)}
.vd-wk__t--xl .vd-wk__o{padding:28px 30px}.vd-wk__t--xl .vd-wk__o b{font-size:clamp(22px,2.2vw,32px)}
.vd-wk__case{position:absolute;left:16px;top:16px;z-index:3;padding:7px 12px;border-radius:999px;font:700 12px/1 var(--kx-t);color:#0A1824!important;text-decoration:none!important;background:linear-gradient(135deg,#fff,#E3EEF8);box-shadow:0 8px 20px rgba(6,18,30,.25)}
.vd-wk__more{display:flex;justify-content:center;margin-top:26px}
@media (max-width:900px){ .vd-wk__g{grid-template-columns:1fr 1fr} }
@media (max-width:600px){ .vd-wk__g{grid-template-columns:1fr} .vd-wk__t--xl{grid-column:auto;grid-row:auto;aspect-ratio:16/11} }


.vd-fq{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(30px,4vw,64px);margin-top:clamp(34px,4vw,56px);align-items:start}
.vd-fq__it{border-top:1px solid var(--kx-line)}
.vd-fq__it:last-child{border-bottom:1px solid var(--kx-line)}
.vd-fq__it summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0;cursor:pointer;list-style:none;font:700 clamp(16px,1.4vw,19px)/1.3 var(--kx-d);letter-spacing:-.02em;color:var(--kx-ink)}
.vd-fq__it summary::-webkit-details-marker{display:none}
.vd-fq__it summary i{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font:500 20px/1 var(--kx-t);color:#17395E;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(24,73,123,.18);transition:transform .35s,background .3s,color .3s}
.vd-fq__it[open] summary i{transform:rotate(45deg);background:#17395E;color:#fff}
.vd-fq__it p{margin:0 0 22px;max-width:62ch;font-size:15.5px;line-height:1.6;color:var(--kx-ink2)}
.vd-bl{padding:26px 26px 18px;border-radius:28px;background:var(--kx-glass);box-shadow:var(--kx-shadow)}
.vd-bl small{font:600 11px/1 var(--kx-m);letter-spacing:.14em;text-transform:uppercase;color:var(--kx-acc)}
.vd-bl h3{margin:10px 0 8px;font:700 20px/1.2 var(--kx-d);letter-spacing:-.02em;color:var(--kx-ink)}
.vd-bl a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--kx-line);font-size:15px;line-height:1.4;font-weight:600;color:var(--kx-ink)!important;text-decoration:none!important;transition:color .3s,gap .3s}
.vd-bl a:hover{color:var(--kx-acc)!important;gap:20px}
.vd-bl a i{flex:none;font-style:normal;color:var(--kx-acc)}
.vd-end{margin-top:clamp(60px,7vw,100px);padding:clamp(34px,4vw,56px);border-radius:34px;text-align:center;color:#fff;background-image:radial-gradient(120% 100% at 50% 0%,#2D6699 0%,#123459 55%,#081A2C 100%);box-shadow:0 50px 110px rgba(8,26,44,.4)}
#allrecords .vd-end h2{margin:0 auto;max-width:20ch;font:800 clamp(28px,3.4vw,50px)/1.05 var(--kx-d);letter-spacing:-.045em;color:#fff;text-wrap:balance}
.vd-end p{margin:18px auto 0;max-width:54ch;font-size:17px;line-height:1.55;color:#CFE0EF}
.vd-end__a{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 24px;margin-top:28px}
.vd-end .kx-btn{background:#fff;color:#0A1824!important}
.vd-end .kx-btn .kx-arr{background:#17395E;color:#fff}
.vd-end__ch{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-top:20px;font-size:14px;color:#9FB9D1}
.vd-end__ch a{color:#fff!important;font-weight:600;border-bottom:1px solid rgba(255,255,255,.3);text-decoration:none!important}
@media (max-width:1020px){ .vd-fq{grid-template-columns:1fr} }
@media (max-width:560px){ .vd-end{border-radius:26px;padding:30px 20px} }