/* The markets and institutions sit in one compact, illustrated scope line. */
#work .scope-visuals {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px 36px;
  padding: 22px 0;
  border-block: 1px solid var(--folio-rule);
}
.scope-visuals .market-countries { gap: 18px; }
.scope-visuals .market-country { gap: 10px; }
.scope-visuals .country-flag { font-size: 1.8rem; }
.scope-visuals .scope-buyers {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 26px;
  margin: 0;
  padding: 0 0 0 32px;
  border-left: 1px solid var(--folio-rule);
  list-style: none;
}
.scope-buyers li { display: flex; align-items: center; gap: 9px; color: var(--folio-muted); white-space: nowrap; font-size: .96rem; }
.scope-buyers svg { width: 38px; height: 38px; flex: 0 0 38px; color: var(--folio-ink, #343d40); }
.scope-buyers .scope-accent { stroke: #9c7861; }
@media (max-width: 1100px) {
  #work .scope-visuals { align-items: flex-start; flex-direction: column; gap: 18px; }
  .scope-visuals .scope-buyers { border-left: 0; padding-left: 0; }
}
@media (max-width: 600px) {
  #work .scope-visuals { padding: 18px 0; gap: 18px; }
  .scope-visuals .scope-buyers { width: 100%; justify-content: space-between; gap: 10px; }
  .scope-buyers li { gap: 5px; font-size: .8rem; }
  .scope-buyers svg { width: 29px; height: 29px; flex-basis: 29px; }
  .scope-visuals .market-countries { gap: 13px; }
  .scope-visuals .country-flag { font-size: 1.55rem; }
}
@media (max-width: 360px) {
  .scope-buyers li { flex-direction: column; align-items: flex-start; gap: 6px; }
}

/* Clear client-count evidence, with the contribution and time boundary in view. */
#work .story-evidence.lxp-impact { margin: 0 0 22px; max-width: 42ch; }
.lxp-impact .impact-intro, .lxp-impact .impact-caption { display: block; }
#work .lxp-impact .impact-numbers { display: flex; align-items: baseline; gap: 17px; margin: 8px 0 3px; font-size: clamp(3rem, 6vw, 4.6rem); font-weight: 500; letter-spacing: -.065em; line-height: 1; }
.lxp-impact .impact-from { color: #687477; }
.lxp-impact .impact-arrow { align-self: center; font-size: .5em; font-weight: 400; color: #9c7861; }
.lxp-impact .impact-to { color: #24272b; }
.impact-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* Original menu sketches, each followed by the actual link-label text node. */
#site-menu nav a { gap: 14px; }
#site-menu nav small { flex: 0 0 19px; }
#site-menu .menu-motif { width: 28px; height: 28px; flex: 0 0 28px; color: #687477; }
#site-menu nav a[aria-current] .menu-motif { color: var(--folio-accent); }

/* Road-cycling motif; detailed button sizing is owned by commerce.css. */
#community.community-composition .community-off-clock .city-cycle { width: 106px; height: 68px; flex: 0 0 106px; }
.city-cycle .cycle-frame { stroke: #9c7861; stroke-width: 2; }
.city-cycle .cycle-spokes { opacity: .28; stroke-width: .8; }
.city-cycle .cycle-ground { opacity: .3; }
.city-cycle .cycle-accent { stroke: #a68d59; opacity: .7; }
@media (max-width: 600px) {
  #site-menu nav a { gap: 10px; font-size: 1.25rem; }
  #site-menu .menu-motif { width: 24px; height: 24px; flex-basis: 24px; }
  #community.community-composition .community-off-clock { align-items: flex-start; }
  #community.community-composition .community-off-clock .city-cycle { width: 72px; height: 47px; flex-basis: 72px; margin-top: 4px; }
}

.contract-summary .contract-attribution{max-width:360px;margin:18px 0 0;font-size:14px;line-height:1.55;opacity:.8}

/* Labels carry meaning; muted accents support the illustrations. */
.scope-buyers li{color:var(--folio-ink)}