/* Company and Walkthrough visuals, stage eight. */
.vis-co{font-family:var(--sans);width:100%;min-width:0;color:var(--hi)}
.vis-co *{box-sizing:border-box}
.vis-co h1,.vis-co h2,.vis-co h3,.vis-co p,.vis-co ul,.vis-co ol{margin:0;padding:0}
.vis-co ul,.vis-co ol{list-style:none}
.vis-co .tnum{font-variant-numeric:tabular-nums}
.vis-co .g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}

/* founders: portraits straddle the edge */
.vis-co.vc-founders .vc-fd{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.vis-co.vc-founders article{min-width:0}
.vis-co.vc-founders .vc-a{grid-column:1/5}
.vis-co.vc-founders .vc-b{grid-column:6/10;margin-top:96px}
.vis-co.vc-founders article img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px}
.vis-co.vc-founders .vc-h3{font-size:26px;font-weight:500;line-height:1.2;letter-spacing:-.01em;margin-top:22px}
.vis-co.vc-founders .vc-ti{font-size:15px;line-height:1.4;color:var(--mid);margin-top:4px}
.vis-co.vc-founders .vc-bio{font-size:16.5px;line-height:1.55;margin-top:16px;max-width:36ch}
.vis-co.vc-founders .vc-bk{margin-top:var(--s-block);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center;row-gap:28px}
.vis-co.vc-founders .vc-bl{grid-column:1/3;font-size:15px;color:var(--mid)}
.vis-co.vc-founders .vc-marks{grid-column:3/13;display:flex;align-items:center;gap:48px;flex-wrap:wrap}
.vis-co.vc-founders .vc-mk{height:auto;max-width:100%}
.vis-co.vc-founders .vc-mk-identity{width:70px}.vis-co.vc-founders .vc-mk-fuel{width:106px}.vis-co.vc-founders .vc-mk-factory{width:100px}.vis-co.vc-founders .vc-mk-boost{width:135px}
.vis-co.vc-founders .vc-round{grid-column:3/13;font-size:16.5px;color:var(--mid)}
@media (max-width:820px){
  .vis-co.vc-founders .vc-a{grid-column:1/7}.vis-co.vc-founders .vc-b{grid-column:7/13;margin-top:64px}
  .vis-co.vc-founders .vc-h3{font-size:21px}.vis-co.vc-founders .vc-bio{font-size:15.5px}
  .vis-co.vc-founders .vc-bl,.vis-co.vc-founders .vc-marks,.vis-co.vc-founders .vc-round{grid-column:1/13}
  .vis-co.vc-founders .vc-marks{gap:28px}
}
@media (max-width:560px){.vis-co.vc-founders .vc-a,.vis-co.vc-founders .vc-b{grid-column:1/13}.vis-co.vc-founders .vc-b{margin-top:48px}}

/* where we are (navy band) */
.vis-co.vc-where{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.vis-co.vc-where .label{grid-column:1/13;margin-bottom:22px}
.vis-co.vc-where .h2{grid-column:1/9}
.vis-co.vc-where .aside{grid-column:10/13;align-self:end;margin:0}
.vis-co.vc-where .vc-fig{grid-column:1/11;margin-top:var(--s-block);font-size:clamp(24px,2.4vw,34px);font-weight:500;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}
.vis-co.vc-where .vc-src{display:block;font-size:15px;font-weight:400;line-height:1.5;letter-spacing:0;color:var(--mid);margin-top:14px}
.vis-co.vc-where .vc-cols{grid-column:1/13;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap);margin-top:var(--s-block);}
.vis-co.vc-where .vc-col{padding-top:28px;min-width:0}
.vis-co.vc-where .vc-h3{font-size:22px;font-weight:500;line-height:1.25;margin-bottom:22px}
.vis-co.vc-where .vc-rows li{font-size:17px;line-height:1.4;padding:9px 0}
.vis-co.vc-where .vc-rows li span{display:block;font-size:14px;color:var(--mid);margin-top:3px}
.vis-co.vc-where .vc-plan li{display:flex;gap:16px}
.vis-co.vc-where .vc-plan li i{font-style:normal;color:var(--mid);font-size:14px;padding-top:3px;width:12px;flex:none}
@media (max-width:820px){
  .vis-co.vc-where .h2,.vis-co.vc-where .aside,.vis-co.vc-where .vc-fig{grid-column:1/13}
  .vis-co.vc-where .aside{margin-top:16px}
  .vis-co.vc-where .vc-cols{grid-template-columns:1fr;row-gap:36px}
}

/* StageTime (light) */
.vis-co.vc-stage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.vis-co.vc-stage .h2{grid-column:1/9}
.vis-co.vc-stage .vc-logo{grid-column:10/13;align-self:end;display:flex;gap:16px;align-items:end;justify-self:start}
.vis-co.vc-stage .vc-logo img{width:64px;height:auto}
.vis-co.vc-stage .vc-logo p{font-size:14.5px;line-height:1.45;color:var(--mid)}
.vis-co.vc-stage .vc-tx{grid-column:5/11;margin-top:var(--s-head)}
.vis-co.vc-stage .vc-tx p{max-width:62ch}
.vis-co.vc-stage .vc-tx p+p{margin-top:16px}
.vis-co.vc-stage .vc-ledger{grid-column:1/13;margin-top:var(--s-block);}
.vis-co.vc-stage .vc-lh{display:flex;justify-content:space-between;gap:24px;font-size:15px;color:var(--mid)}
.vis-co.vc-stage .vc-loop{position:relative;height:50px;margin-top:8px}
.vis-co.vc-stage .vc-loop-t{position:absolute;left:40%;width:20%;top:0;text-align:center;font-size:14px;font-weight:500;white-space:nowrap}
.vis-co.vc-stage .vc-loop-b{position:absolute;left:40%;width:20%;top:22px;bottom:0;border:1px dashed var(--orange);border-bottom:0}
.vis-co.vc-stage .vc-loop-b::after{content:"";position:absolute;left:-4px;bottom:3px;width:7px;height:7px;border-right:1.5px solid var(--orange);border-bottom:1.5px solid var(--orange);transform:rotate(45deg)}
.vis-co.vc-stage .vc-ev{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--hi)}
.vis-co.vc-stage .vc-ev>li{position:relative;padding:20px 12px 0 0;min-width:0}
.vis-co.vc-stage .vc-tk{position:absolute;left:0;top:-6px;width:1px;height:11px;background:var(--hi)}
.vis-co.vc-stage .vc-ev .vc-hi .vc-tk{background:var(--orange);width:2px}
.vis-co.vc-stage .vc-ev h3{font-weight:500;font-size:21px;line-height:1.2;letter-spacing:-.01em;margin-bottom:6px}
.vis-co.vc-stage .vc-ev p{font-size:14.5px;line-height:1.45;color:var(--mid)}
.vis-co.vc-stage .vc-links{grid-column:5/11;margin-top:var(--s-block);display:flex;gap:32px;flex-wrap:wrap}
@media (max-width:820px){
  .vis-co.vc-stage .h2,.vis-co.vc-stage .vc-logo,.vis-co.vc-stage .vc-tx,.vis-co.vc-stage .vc-links{grid-column:1/13}
  .vis-co.vc-stage .vc-logo{margin-top:20px}
  .vis-co.vc-stage .vc-ev h3{font-size:18px}
}
@media (max-width:640px){
  .vis-co.vc-stage .vc-loop{display:none}
  .vis-co.vc-stage .vc-lh{flex-direction:column;gap:6px}
  .vis-co.vc-stage .vc-ev{grid-template-columns:minmax(0,1fr);border-top:0;border-left:1px solid var(--hi);margin-top:18px}
  .vis-co.vc-stage .vc-ev>li{padding:2px 0 16px 20px}
  .vis-co.vc-stage .vc-ev>li:last-child{padding-bottom:2px}
  .vis-co.vc-stage .vc-tk{left:-6px;top:12px;width:11px;height:1px}
  .vis-co.vc-stage .vc-ev .vc-hi .vc-tk{height:2px;width:11px}
  .vis-co.vc-stage .vc-ev h3{font-size:19px;margin-bottom:2px}
  .vis-co.vc-stage .vc-ev .vc-hi:nth-child(4) p::after{content:"Repeats at every hand-off.";display:block;margin-top:6px;font-size:14px;font-weight:500;color:var(--hi)}
  .vis-co.vc-stage .vc-links{flex-direction:column;gap:16px;align-items:flex-start}
}

/* walkthrough */
.vis-co.vc-wmast{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.vis-co.vc-wmast .label{grid-column:1/13;margin-bottom:28px}
.vis-co.vc-wmast .h1{grid-column:1/12}
.vis-co.vc-wmast .vc-in{grid-column:1/9;font-size:clamp(18px,1.45vw,21px);line-height:1.45;margin-top:32px}
.vis-co.vc-wmast .vc-split{grid-column:1/13;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:calc(var(--gap) * 2);margin-top:var(--s-block);border-top:1px solid var(--rule)}
.vis-co.vc-wmast .vc-rt{padding-top:32px;min-width:0}
.vis-co.vc-wmast .vc-aud{font-size:16px;color:var(--mid)}
.vis-co.vc-wmast .vc-off{font-size:clamp(26px,2.5vw,34px);font-weight:500;line-height:1.15;letter-spacing:-.015em;margin:8px 0 26px}
.vis-co.vc-wmast .vc-sub{font-size:15px;color:var(--mid);margin-top:40px;padding-bottom:10px}
.vis-co.vc-wmast .vc-cv li{font-size:17px;line-height:1.45;padding:7px 0}
.vis-co.vc-wmast .vc-fw{font-size:21px;line-height:1.3;margin-top:14px}
.vis-co.vc-wmast .vc-how{grid-column:1/9;font-size:16px;line-height:1.55;margin-top:var(--s-block)}
.vis-co.vc-wmast .vc-how span{display:block;max-width:62ch}
.vis-co.vc-wmast .vc-ex{grid-column:1/9;font-size:16px;margin-top:28px}
.vis-co.vc-wmast .vc-ex .lnk{margin-left:6px}
.vis-co.vc-wmast .vc-mail{white-space:nowrap}
@media (max-width:820px){
  .vis-co.vc-wmast .h1,.vis-co.vc-wmast .vc-in,.vis-co.vc-wmast .vc-how,.vis-co.vc-wmast .vc-ex{grid-column:1/13}
  .vis-co.vc-wmast .vc-split{grid-template-columns:minmax(0,1fr)}
  .vis-co.vc-wmast .vc-rt+.vc-rt{margin-top:48px;border-top:1px solid var(--rule)}
  .vis-co.vc-wmast .vc-cv li{font-size:16px}
  .vis-co.vc-wmast .btn{display:block;text-align:center}
}
