/* Billionhands presentation: four light nodes, revealed in sequence. */
.billionhands-case .bh-flow{
  position:relative;
  width:min(920px,calc(100vw - 32px));
  margin:38px 50% 0;
  transform:translateX(-50%);
  overflow:hidden;
  border-radius:16px;
  background:var(--case-media-bg);
  color:var(--muted);
}
.bh-flow .bh-flow-svg{display:block;width:100%;height:auto;overflow:visible;font-family:var(--sans,Inter,ui-sans-serif,sans-serif)}
.bh-flow .bh-flow-heading{fill:var(--text);font-size:17px;font-weight:500;letter-spacing:-.02em}
.bh-flow .bh-flow-icon-surface{fill:var(--bg);fill-opacity:.72;stroke:none}
.bh-flow .hugeicon{width:24px;height:24px;color:var(--muted);overflow:visible}
.bh-flow .bh-flow-connector{fill:none;stroke:var(--muted);stroke-opacity:.16;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.bh-flow .bh-flow-trace{fill:none;stroke:var(--muted);stroke-opacity:.38;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.bh-flow .bh-flow-packet{fill:var(--muted);opacity:0;transform-origin:0 0}
.bh-flow .bh-flow-skeleton{opacity:0;fill:var(--muted);fill-opacity:.09}
.bh-flow .bh-flow-skeleton rect{fill-opacity:.12}
.bh-flow .bh-flow-content{opacity:1}
.bh-flow .bh-flow-loader{opacity:0;transform-box:view-box}
.bh-flow .bh-flow-loader circle{fill:none;stroke:var(--muted);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:32 125}
.bh-flow.is-sequencing .bh-flow-skeleton{opacity:1}
.bh-flow.is-sequencing .bh-flow-content{opacity:0}
.bh-flow.is-sequencing .bh-flow-trace{stroke-dashoffset:1}
.bh-flow .bh-flow-replay{
  position:absolute;top:14px;right:16px;
  display:none;margin:0;padding:6px 8px;border:0;border-radius:5px;
  color:var(--muted);background:transparent;font:inherit;font-size:11px;cursor:pointer;
}
.bh-flow.is-ready .bh-flow-replay{display:block}
.bh-flow .bh-flow-replay:hover{color:var(--text);background:var(--hover)}
.bh-flow .bh-flow-replay:focus-visible{outline:2px solid var(--text);outline-offset:1px}
.bh-flow-fallback{padding:48px 24px;text-align:center;font-size:14px;line-height:1.8;color:var(--muted)}
/* Notes stay in the gutters; the arrows are measured against actual screen bounds. */
.billionhands-case .bh-media--annotated .bh-note{transform:none;z-index:3}
.billionhands-case .bh-media--annotated .bh-note span{opacity:1;transform:none;filter:none;animation:none;will-change:auto}
.billionhands-case .bh-annotation-layer{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible;color:color-mix(in srgb,var(--text) 62%,transparent)}
.billionhands-case .bh-annotation-stem{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.billionhands-case .bh-annotation-tip{fill:currentColor;stroke:none}
.billionhands-case .bh-media--annotated.is-annotation-ready:not(.is-annotation-visible) .bh-annotation-stem{stroke-dasharray:1;stroke-dashoffset:1}
.billionhands-case .bh-media--annotated.is-annotation-ready:not(.is-annotation-visible) .bh-annotation-tip{opacity:0}
.billionhands-case .bh-media--annotated.is-annotation-visible .bh-annotation-stem{stroke-dasharray:1;animation:bh-annotation-draw .8s ease-out both}
.billionhands-case .bh-media--annotated.is-annotation-visible .bh-annotation-tip{animation:bh-annotation-tip .16s linear .72s both}
@keyframes bh-annotation-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes bh-annotation-tip{from{opacity:0}to{opacity:1}}
@media(max-width:900px){.billionhands-case .bh-annotation-layer{display:none}}
@media(max-width:760px){
  .billionhands-case .bh-media--single .bh-shots{width:100%;justify-content:center}
  .billionhands-case .bh-media--annotated:not(.bh-media--single) .bh-shots{width:max-content;justify-content:flex-start}
  .billionhands-case .bh-media--annotated{overflow-x:auto}
}
@media(prefers-reduced-motion:reduce){
  .bh-flow .bh-flow-packet,.bh-flow .bh-flow-replay,.bh-flow .bh-flow-loader,.bh-flow .bh-flow-skeleton{display:none!important}
  .bh-flow .bh-flow-content{opacity:1!important}
  .bh-flow .bh-flow-trace{stroke-dashoffset:0!important}
  .billionhands-case .bh-annotation-stem{animation:none!important;stroke-dashoffset:0!important}
  .billionhands-case .bh-annotation-tip{animation:none!important;opacity:1!important}
}