/* VKIT founder strip ("Creator first. Cofounder, too."). All rules scoped to .vkf */
@font-face{font-family:"VKF Inter";src:url("../fonts/Inter-Regular.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"VKF Inter";src:url("../fonts/Inter-SemiBold.woff") format("woff");font-weight:600;font-display:swap}
@font-face{font-family:"VKF Inter";src:url("../fonts/Inter-Bold.woff") format("woff");font-weight:700;font-display:swap}
@font-face{font-family:"VKF Inter";src:url("../fonts/Inter-Black.woff") format("woff");font-weight:900;font-display:swap}

.vkf{--ink:#111318;--brand:#3258C7;--cobalt:#1A3FDB;--rule:#DCDDE2;--muted:#5A6070;
  --disp:var(--vkf-display,"VKF Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);
  --body:var(--vkf-body,"VKF Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);
  font-family:var(--body);color:var(--ink);background:transparent;-webkit-font-smoothing:antialiased;
  display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:0;width:100%}
.vkf *{box-sizing:border-box;margin:0;padding:0}
.vkf a{text-decoration:none}
.vkf .vkf-why{color:var(--brand)}
.vkf .vkf-sub{color:var(--muted)}
.vkf .vkf-sub:hover{color:var(--ink)}

/* founder */
.vkf-me{display:flex;align-items:center;gap:clamp(18px,2.4vw,32px);padding-right:clamp(16px,3vw,48px)}
.vkf-ph{position:relative;flex:none;width:clamp(112px,8.4vw,150px);aspect-ratio:1;border:0;background:none;cursor:pointer;border-radius:50%;padding:0}
.vkf-ph:focus-visible{outline:3px solid var(--cobalt);outline-offset:6px}
.vkf-ph .vkf-disc{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:#D9D9DE;transform:scale(.7);opacity:0}
.vkf-ph img,.vkf-ph video{width:100%;height:100%;object-fit:cover;display:block}
.vkf-ph video{position:absolute;inset:0;opacity:0;transition:opacity .4s}
.vkf-ph.has-clip video{opacity:1}
.vkf-ring{position:absolute;inset:-9px;width:calc(100% + 18px);height:calc(100% + 18px);overflow:visible;pointer-events:none}
.vkf-ring circle{fill:none;stroke:var(--cobalt);stroke-width:2.2;stroke-linecap:round}
.vkf-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid var(--cobalt);opacity:0;pointer-events:none}
.vkf-play{position:absolute;right:-2px;bottom:4px;width:38%;max-width:44px;aspect-ratio:1;border-radius:50%;background:var(--cobalt);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(26,63,219,.35);transform:scale(0)}
.vkf-play svg{width:42%;height:42%;fill:#fff;margin-left:8%}
.vkf-ph:hover .vkf-play{background:#1530B5}
.vkf-tx{min-width:0}
.vkf-h{font-family:var(--disp);font-weight:900;font-size:clamp(28px,2.6vw,46px);line-height:1.04;letter-spacing:-.03em}
.vkf-h span{display:block;overflow:hidden;padding-bottom:.04em}
.vkf-h span i{display:inline-block;font-style:normal;transform:translateY(105%)}
.vkf-name{position:relative;margin-top:clamp(12px,1.2vw,18px);font-size:clamp(16px,1.15vw,20px);opacity:0}
.vkf-sig{display:block;height:clamp(92px,7.6vw,132px);width:auto;margin:4px 0 0 -12px;overflow:visible;fill:var(--ink)}
.vkf-sig g path{stroke:var(--ink);stroke-width:4.5;stroke-linejoin:round}
.vkf-sig img{height:100%;width:auto;display:block}
.vkf-sigwrap{height:clamp(34px,2.9vw,46px);margin-top:4px;overflow:hidden}
.vkf-sigwrap.img{clip-path:inset(0 100% 0 0)}
.vkf-why{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(8px,.9vw,14px);font-weight:700;font-size:clamp(16px,1.15vw,20px);color:var(--brand);opacity:0;background:none;border:0;cursor:pointer;font-family:inherit;padding:0}
.vkf-why svg{width:.8em;height:.8em;stroke:currentColor;stroke-width:2.6;fill:none;transition:transform .25s}
.vkf-why:hover svg{transform:translate(3px,-3px)}
.vkf-why:focus-visible{outline:3px solid var(--cobalt);outline-offset:4px;border-radius:4px}

/* stats */
.vkf-st{border-left:1.5px solid var(--rule);padding:clamp(10px,1vw,16px) 0 clamp(10px,1vw,16px) clamp(24px,3vw,46px);border-left-color:transparent;position:relative}
.vkf-st::before{content:"";position:absolute;left:0;top:0;width:1.5px;height:100%;background:var(--rule);transform-origin:50% 0;transform:scaleY(var(--rl,0))}
.vkf-num{font-family:var(--disp);font-weight:900;font-size:clamp(46px,4.6vw,82px);line-height:1;letter-spacing:-.04em;color:var(--brand);font-variant-numeric:tabular-nums;white-space:nowrap}
.vkf-num b{display:inline-block;font-weight:900}
.vkf-num b.plus{transform:scale(0);transform-origin:20% 80%}
.vkf-lab{margin-top:clamp(12px,1.2vw,18px);font-size:clamp(16px,1.15vw,20px);opacity:0}
.vkf-sub{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-weight:700;font-size:clamp(15px,1.05vw,18px);color:var(--muted);opacity:0}
.vkf-sub svg{width:.75em;height:.75em;stroke:currentColor;stroke-width:2.6;fill:none}
.vkf-sub:hover{color:var(--ink)}

/* video modal */
.vkf-modal{position:fixed;inset:0;z-index:9999;background:rgba(10,12,18,.72);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity .25s}
.vkf-modal.on{opacity:1}
.vkf-modal video{max-width:min(92vw,960px);max-height:86vh;border-radius:18px;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.vkf-modal button{position:absolute;top:18px;right:18px;width:46px;height:46px;border-radius:50%;border:0;background:#fff;font-size:24px;cursor:pointer}

/* mobile */
@media (max-width:860px){
  .vkf{grid-template-columns:1fr 1fr;row-gap:clamp(26px,6vw,40px);align-items:start}
  .vkf-me{align-items:center}
  .vkf-lab{font-size:15px}
  .vkf-me{grid-column:1 / -1;padding-right:0}
  .vkf-st:nth-of-type(2){padding-left:0}
  .vkf-st:nth-of-type(2)::before{display:none}
}
@media (max-width:420px){ .vkf-me{align-items:flex-start} }