
.vkl-team{padding:var(--vkl-team-py) 0;background:var(--vkl-team-bg);}
.vkl-container{max-width:1200px;margin:0 auto;padding:0 16px;position:relative;z-index:10;}
@media(min-width:768px){.vkl-container{padding:0 24px;}}
.vkl-team__header{text-align:center;max-width:768px;margin:0 auto 64px;display:flex;flex-direction:column;gap:24px;}
.vkl-badge{display:inline-block;margin:0 auto;background:#e6f4f4;color:#038f93;padding:6px 16px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;}
.vkl-team__title{margin:0;font-weight:900;line-height:1.05;color:#0f172a;font-size:var(--vkl-team-title-mobile);}
@media(min-width:768px){.vkl-team__title{font-size:var(--vkl-team-title-desktop);}}
.vkl-team__subtitle{margin:0;color:#64748b;font-size:var(--vkl-team-subtitle);font-weight:600;}

.vkl-team__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto 64px;max-width:980px;}
.vkl-filter{appearance:none;border:2px solid #f1f5f9;background:#fff;color:#94a3b8;padding:12px 24px;border-radius:16px;font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:all .25s ease;text-decoration:none!important;}
.vkl-filter:hover{background:#fff;border-color:#e6f4f4;color:#038f93;}
.vkl-filter.is-active{background:#038f93;border-color:#038f93;color:#fff;box-shadow:0 16px 40px rgba(3,143,147,.20);transform:scale(1.05);}

.vkl-team__grid{display:grid;gap:var(--vkl-team-gap);grid-template-columns:repeat(2,minmax(0,1fr));}
@media(min-width:640px){.vkl-team__grid{grid-template-columns:repeat(var(--vkl-cols-sm,2),minmax(0,1fr));}}
@media(min-width:768px){.vkl-team__grid{grid-template-columns:repeat(var(--vkl-cols-md,3),minmax(0,1fr));}}
@media(min-width:1024px){.vkl-team__grid{grid-template-columns:repeat(var(--vkl-cols-lg,4),minmax(0,1fr));}}
@media(min-width:1280px){.vkl-team__grid{grid-template-columns:repeat(var(--vkl-cols-xl,5),minmax(0,1fr));}}

.vkl-person{display:flex;flex-direction:column;align-items:center;cursor:pointer;animation: vklFadeIn .5s ease both;}
@keyframes vklFadeIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
.vkl-person__link{text-decoration:none !important;color:inherit;display:flex;flex-direction:column;align-items:center;width:100%;}
.vkl-person__link *{text-decoration:none !important;}

.vkl-person__media{position:relative;width:100%;margin-bottom:24px;transition:transform .5s ease;}
.vkl-person:hover .vkl-person__media{transform:translateY(-8px);}

.vkl-blob{position:absolute;inset:0;z-index:-1;transform:scale(1.1);opacity:.2;transition:all .5s ease;background:#038f93;border-radius: 40% 60% 55% 45% / 55% 45% 55% 45%;}
.vkl-person:hover .vkl-blob{transform:scale(1.1) rotate(45deg);}

.vkl-photo{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:32px;box-shadow:0 24px 60px rgba(15,23,42,.18);border-bottom:4px solid #038f93;background:#fff;}
.vkl-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease;}
.vkl-person:hover .vkl-photo img{transform:scale(1.1);}

.vkl-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(15,23,42,.6), transparent);opacity:0;transition:opacity .5s ease;display:flex;align-items:center;justify-content:center;}
.vkl-person:hover .vkl-overlay{opacity:1;}
.vkl-overlay__cta{background:rgba(255,255,255,.9);backdrop-filter: blur(8px);padding:14px 16px;border-radius:16px;color:#038f93;box-shadow:0 24px 60px rgba(15,23,42,.25);display:flex;flex-direction:column;align-items:center;gap:4px;transform:translateY(16px);transition:transform .35s ease;}
.vkl-person:hover .vkl-overlay__cta{transform:translateY(0);}
.vkl-overlay__icon{font-size:18px;line-height:1;}
.vkl-overlay__text{font-weight:900;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#0f172a;}

.vkl-person__meta{text-align:center;display:flex;flex-direction:column;gap:4px;padding:0 8px;}
.vkl-person__name{margin:0;font-size:18px;font-weight:900;color:#0f172a;line-height:1.15;transition:color .2s ease;}
.vkl-person:hover .vkl-person__name{color:#038f93;}
.vkl-person__role{margin:0;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.18em;color:#038f93;}
.vkl-person__divider{height:2px;width:24px;background:#f1f5f9;margin:8px auto;border-radius:999px;transition:width .3s ease;}
.vkl-person:hover .vkl-person__divider{width:48px;}
.vkl-person__spec{margin:0;color:#64748b;font-weight:800;font-size:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}


.vkl-filter:hover{background:#fff;border-color:#e6f4f4;color:#038f93;}
.vkl-filter:focus{outline:none;box-shadow:none;}
.vkl-filter:focus-visible{outline:none;box-shadow:none;}
.vkl-team__viewall{display:flex;justify-content:center;margin-top:40px;}
.vkl-viewall-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:16px;font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:.12em;background:#038f93;border:2px solid #038f93;color:#fff;text-decoration:none!important;transition:all .25s ease;box-shadow:0 16px 40px rgba(3,143,147,.20);}
.vkl-viewall-btn:hover{transform:translateY(-2px);box-shadow:0 20px 55px rgba(3,143,147,.24);}



.vkl-team__loadmore{grid-column:1/-1;display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;margin-top:40px!important;text-align:center!important;}
.vkl-loadmore-btn{appearance:none;border:2px solid #e2e8f0;background:#fff;color:#0f172a;padding:14px 28px;border-radius:16px;font-weight:900;font-size:14px;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:all .25s ease;text-decoration:none!important;}
.vkl-loadmore-btn:hover{border-color:#e6f4f4;color:#038f93;}
.vkl-loadmore-btn:focus,.vkl-loadmore-btn:focus-visible{outline:none;box-shadow:none;}
.vkl-loadmore-btn.is-loading{opacity:.7;cursor:wait;}
