/* FIVE INNOVATORS, CV reading (crank W14, 4 Oct 2026). Styles for site/innovators-cv.js, scoped to #innovators and
   to the .in-next card it mounts into. Extends innovators.css: same glass, same type, the five canonical colours. */

/* the card, once live: solid glass instead of the "coming next" dashes, a faint pentagon bleeding off the corner */
#innovators .in-next.cv-card{border-style:solid;border-color:rgba(255,255,255,.1);padding:clamp(22px,3vw,34px)}
#innovators .in-next.cv-card::after{content:"";position:absolute;right:-70px;bottom:-90px;width:300px;height:300px;pointer-events:none;opacity:.07;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon points='50,6 92,37 76,88 24,88 8,37' fill='none' stroke='white' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E")}
#innovators .in-next.cv-card>*{position:relative}
#innovators .cv-pill{font:600 11px "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;padding:4px 10px;border-radius:999px;
  color:#f2efe8;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}
#innovators .cv-pill.live{color:#12131A;background:#e3c878;box-shadow:none;animation:cv-pulse 1.6s ease-in-out infinite}
#innovators .cv-pill.ok{color:#bfe9a8;background:rgba(58,125,34,.22);box-shadow:inset 0 0 0 1px rgba(120,200,90,.45)}
@keyframes cv-pulse{50%{opacity:.6}}
#innovators .cv-lede{font-size:16px!important;color:#e6e0d2!important;max-width:62ch}

/* idle: three steps beside the drop zone */
#innovators .cv-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:stretch;margin:18px 0 6px}
@media (max-width:860px){#innovators .cv-grid{grid-template-columns:minmax(0,1fr)}}
#innovators .cv-steps{list-style:none;margin:0;padding:0;display:grid;gap:14px;align-content:center}
#innovators .cv-steps li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start}
#innovators .cv-steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font:600 13px "IBM Plex Mono",monospace;color:#e3c878;
  box-shadow:inset 0 0 0 1px rgba(227,200,120,.5);background:rgba(227,200,120,.06)}
#innovators .cv-steps strong{display:block;font:600 16px/1.3 "Jost",sans-serif;color:#fff;margin:4px 0 2px}
#innovators .cv-steps span{display:block;font:14px/1.55 "IBM Plex Sans",sans-serif;color:#bdb9b0}

#innovators .cv-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:230px;padding:26px 18px;
  border-radius:18px;cursor:pointer;text-align:center;border:1.5px dashed rgba(227,200,120,.45);
  background:radial-gradient(80% 70% at 50% 40%,rgba(227,200,120,.09),transparent 70%),rgba(255,255,255,.025);
  transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}
#innovators .cv-drop:hover,#innovators .cv-drop.over{border-color:#e3c878;transform:translateY(-2px);
  box-shadow:0 0 0 4px rgba(227,200,120,.08),0 20px 40px -24px rgba(227,200,120,.45);background:radial-gradient(80% 70% at 50% 40%,rgba(227,200,120,.16),transparent 70%),rgba(255,255,255,.035)}
#innovators .cv-drop.over{border-style:solid}
#innovators .cv-drop:focus-within{outline:2px solid #e3c878;outline-offset:3px}
#innovators .cv-drop.off{cursor:not-allowed;opacity:.45;transform:none}
#innovators .cv-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0)}
#innovators .cv-pent{width:108px;height:108px;overflow:visible}
#innovators .cv-pent polygon{fill:none;stroke:rgba(255,255,255,.16);stroke-width:1.2;stroke-dasharray:3 4}
#innovators .cv-pent circle{fill:var(--c);stroke:rgba(255,255,255,.85);stroke-width:1.5}
#innovators .cv-drop .cv-doc{position:absolute;top:calc(50% - 64px);left:50%;transform:translateX(-50%);width:34px;height:34px;color:#f2efe8}
#innovators .cv-drop .cv-doc svg{width:100%;height:100%}
#innovators .cv-drop-t{font:600 18px "Jost",sans-serif;color:#fff;margin-top:6px}
#innovators .cv-drop-s{font:13px "IBM Plex Sans",sans-serif;color:#a9a49a}
#innovators .cv-drop-s u{color:#e3c878;text-underline-offset:3px}
#innovators .cv-drop:hover .cv-pent circle{animation:cv-glow 1.4s ease-in-out infinite}
#innovators .cv-pent .p1{animation-delay:.12s!important}#innovators .cv-pent .p2{animation-delay:.24s!important}
#innovators .cv-pent .p3{animation-delay:.36s!important}#innovators .cv-pent .p4{animation-delay:.48s!important}
@keyframes cv-glow{50%{filter:drop-shadow(0 0 6px var(--c))}}

#innovators .cv-privacy{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0!important;padding:12px 14px;border-radius:14px;max-width:none!important;
  background:rgba(58,125,34,.1);box-shadow:inset 0 0 0 1px rgba(120,200,90,.22);font-size:14px!important;color:#d9e8cf!important}
#innovators .cv-privacy svg{flex:none;width:18px;height:18px;margin-top:2px;color:#9fd486}
#innovators .cv-err{margin:16px 0 0!important;padding:11px 14px;border-radius:12px;background:rgba(255,87,57,.12);box-shadow:inset 0 0 0 1px rgba(255,87,57,.4);color:#ffd5cb!important;font-size:14px!important}
#innovators .cv-left{margin-top:10px}

/* busy: the pentagon lights its five in turn */
#innovators .cv-busy{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;align-items:center;margin-top:10px}
@media (max-width:520px){#innovators .cv-busy{grid-template-columns:minmax(0,1fr);justify-items:start}}
#innovators .cv-pent.spin{width:120px;height:120px}
#innovators .cv-pent.spin circle{animation:cv-turn 1.5s ease-in-out infinite;opacity:.35}
@keyframes cv-turn{0%,100%{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1.15);filter:drop-shadow(0 0 8px var(--c))}}
#innovators .cv-pent.spin circle{transform-box:fill-box;transform-origin:center}
#innovators .cv-pent.spin .p1{animation-delay:.3s!important}#innovators .cv-pent.spin .p2{animation-delay:.6s!important}
#innovators .cv-pent.spin .p3{animation-delay:.9s!important}#innovators .cv-pent.spin .p4{animation-delay:1.2s!important}
#innovators .cv-stages{list-style:none;margin:6px 0 4px;padding:0;display:grid;gap:9px}
#innovators .cv-stages li{display:flex;gap:10px;align-items:center;font:14px/1.45 "IBM Plex Sans",sans-serif;color:#7f7b73}
#innovators .cv-stages i{flex:none;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.25)}
#innovators .cv-stages li.now{color:#fff}
#innovators .cv-stages li.now i{box-shadow:inset 0 0 0 1.5px #e3c878;background:radial-gradient(circle,#e3c878 35%,transparent 40%);animation:cv-pulse 1.2s infinite}
#innovators .cv-stages li.done{color:#cfcac0}
#innovators .cv-stages li.done i{background:#3A7D22;box-shadow:inset 0 0 0 1.5px #9fd486}

/* result: the reading on the left, the evidence on the right */
#innovators .cv-res{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(22px,3vw,40px);margin-top:6px}
@media (max-width:960px){#innovators .cv-res{grid-template-columns:minmax(0,1fr)}}
#innovators .cv-res h3{max-width:22ch}
#innovators .cv-reading{font-size:16px!important;line-height:1.65!important;color:#e6e0d2!important}
#innovators .cv-differ{margin:18px 0 4px;padding:14px 16px 4px;border-radius:14px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 18%,transparent),transparent 80%);
  box-shadow:inset 3px 0 0 var(--c)}
#innovators .cv-differ .in-k{margin-bottom:6px}
#innovators .cv-differ p:last-child{color:#f2efe8!important}
#innovators .cv-saved{flex:1 1 100%;margin:0}
#innovators .cv-again{position:relative;display:inline-flex;align-items:center}
#innovators .cv-again:focus-within{outline:2px solid #e3c878;outline-offset:3px}
#innovators .cv-again.off{opacity:.4;cursor:not-allowed}
#innovators .cv-danger{background:linear-gradient(180deg,#ff8a6f,#e2472b);color:#fff;box-shadow:0 8px 22px rgba(255,87,57,.25)}
#innovators .cv-confirm .in-meta{flex:1 1 100%;margin:0;color:#e6e0d2}

#innovators .cv-key,#innovators .cv-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 12px!important;font:500 12px "IBM Plex Mono",monospace!important;letter-spacing:.06em;color:#bdb9b0!important}
#innovators .cv-key span,#innovators .cv-legend span{display:inline-flex;align-items:center;gap:8px}
#innovators .cv-key i,#innovators .cv-legend i{display:inline-block;width:26px;height:0;border-top:2px solid #fff}
#innovators .cv-key i.c,#innovators .cv-legend i.c{border-top:2.5px dashed #e3c878}
#innovators .cv-legend{justify-content:center;margin:6px 0 0!important}
#innovators .cv-ev{list-style:none;margin:0;padding:0;display:grid;gap:10px}
#innovators .cv-ev>li{padding:12px 14px;border-radius:14px;background:linear-gradient(100deg,color-mix(in srgb,var(--c) 11%,transparent),rgba(255,255,255,.02) 55%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);animation:in-rise .55s cubic-bezier(.2,.8,.2,1) backwards}
#innovators .cv-ev>li:nth-child(2){animation-delay:.06s}#innovators .cv-ev>li:nth-child(3){animation-delay:.12s}
#innovators .cv-ev>li:nth-child(4){animation-delay:.18s}#innovators .cv-ev>li:nth-child(5){animation-delay:.24s}
#innovators .cv-ev-h{display:grid;grid-template-columns:12px 92px minmax(0,1fr) auto;gap:10px;align-items:center}
#innovators .cv-ev-h i{width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px rgba(255,255,255,.85)}
#innovators .cv-ev-h b{font:600 15px "Jost",sans-serif;color:#fff}
#innovators .cv-ev-h em{font:500 11px "IBM Plex Mono",monospace;font-style:normal;letter-spacing:.06em;color:#bdb9b0;white-space:nowrap}
#innovators .cv-bars{position:relative;display:block;height:14px}
#innovators .cv-bars span{position:absolute;left:0;height:4px;border-radius:2px}
#innovators .cv-bars .a{top:1px;background:rgba(255,255,255,.75)}
#innovators .cv-bars .c{top:8px;background:repeating-linear-gradient(90deg,var(--c) 0 6px,transparent 6px 9px);filter:brightness(1.25)}
#innovators .cv-ev ul{list-style:none;margin:9px 0 0;padding:0 0 0 22px;display:grid;gap:6px}
#innovators .cv-ev ul li{position:relative;font:14px/1.5 "IBM Plex Sans",sans-serif;color:#d9d4ca}
#innovators .cv-ev ul li::before{content:"\201C";position:absolute;left:-16px;top:-3px;font:600 20px "Jost",sans-serif;color:var(--c);filter:brightness(1.3)}
#innovators .cv-none{margin:8px 0 0 22px!important;font-size:13px!important;color:#8d887f!important;font-style:italic}
@media (max-width:520px){#innovators .cv-ev-h{grid-template-columns:12px minmax(0,1fr) auto}#innovators .cv-bars{grid-column:1 / -1;order:4}}

/* the CV shape on the radar */
#innovators .cv-overlay{transform-origin:200px 196px;animation:cv-grow 1s cubic-bezier(.2,.8,.2,1) .15s backwards}
@keyframes cv-grow{from{opacity:0;transform:scale(.15)}}
#innovators .cv-shape{fill:rgba(227,200,120,.07);stroke:#e3c878;stroke-width:2.6;stroke-dasharray:7 6;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgba(227,200,120,.45))}
#innovators .cv-dot{fill:#12131A;stroke-width:3}

@media (prefers-reduced-motion:reduce){
  #innovators .cv-overlay,#innovators .cv-ev>li,#innovators .cv-pent circle,#innovators .cv-pill.live,#innovators .cv-stages li.now i{animation:none!important}
  #innovators .cv-pent.spin circle{opacity:1}
  #innovators .cv-drop{transition:none}
}
#innovators .in-next .in-link{font:500 14px "IBM Plex Sans",sans-serif;text-underline-offset:3px}