/* company (#company): the reference's logo rows, with a slow accent scan and descriptions */
.act.company > .frame.co-frame { padding-bottom: var(--pad); }
.co-head { padding-bottom: 56px; }
.co-rows { border-top: 1px solid var(--line); }
.co-row { position: relative; display: grid; grid-template-columns: 184px minmax(0, 1fr); align-items: center; gap: 0 24px; min-height: 63px; padding: 10px var(--gutter); border-bottom: 1px solid var(--line); }
.co-label { line-height: 1.4; }
.co-items { position: relative; list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 22px; }
.co-item { position: relative; display: inline-flex; align-items: center; gap: 9px; height: 34px; padding: 0; background: none; border: 0; color: var(--fg-2); font: 400 14px/1 var(--f-body); cursor: pointer; white-space: nowrap; transition: color .25s var(--ease); }
.co-item .ic { width: 17px; height: 17px; color: var(--mist); transition: color .25s var(--ease), transform .35s var(--ease-out); }
.co-item::after { content: ""; position: absolute; left: 0; right: 0; bottom: 2px; height: 1px; background: var(--accent-line); transform: scaleX(0); transform-origin: left; transition: transform .35s var(--ease-out); }
.co-item:hover, .co-item:focus-visible, .co-item.is-on { color: var(--fg); }
.co-item:hover .ic, .co-item:focus-visible .ic, .co-item.is-on .ic { color: var(--fg); }
.co-item.is-on .ic { color: var(--accent-line); transform: translateY(-1px); }
.co-item.is-on::after, .co-item:hover::after, .co-item:focus-visible::after { transform: scaleX(1); }
.co-item:focus-visible { outline: none; }
/* soft sweep of light across the row as the scan moves */
.co-row::before { content: ""; position: absolute; top: 0; bottom: 0; left: var(--sx, -20%); width: 160px; pointer-events: none; background: linear-gradient(90deg, transparent, var(--accent-soft), transparent); opacity: 0; transition: left .9s var(--ease-out), opacity .4s var(--ease); }
.co-row.is-scan::before { opacity: 1; }
.co-note { display: grid; grid-template-columns: 184px minmax(0, 1fr); align-items: center; gap: 0 24px; min-height: 56px; padding: 10px var(--gutter); border-bottom: 1px solid var(--line); }
.co-note-t { display: flex; align-items: center; gap: 10px; min-height: 22px; color: var(--fg); font: 400 13px/1.5 var(--f-mono); }
.co-note-arrow { color: var(--accent-text); }
.co-caret { display: inline-block; width: 7px; height: 14px; margin-left: -6px; background: var(--accent-line); animation: caret 1s steps(1) infinite; }
@media (max-width: 860px) {
  .co-row, .co-note { grid-template-columns: minmax(0, 1fr); gap: 10px; padding-top: 18px; padding-bottom: 16px; }
  .co-items { gap: 4px 20px; }
  .co-row::before { display: none; }
}
@media (max-width: 700px) {
  .co-head { padding-bottom: 36px; }
  .co-item { font-size: 13.5px; height: 30px; }
  .co-note-t { font-size: 12px; align-items: flex-start; }
}