.trust-timeline {
  position: relative;
  width: 100%;
  margin-top: var(--spacing-8);
}

.trust-timeline__svg {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  overflow: visible;
}

/* ==========================================================================
   BIS Governance Approach (How We Work)
   ========================================================================== */

.governance-approach {
  position: relative;
  width: 100%;
  margin-top: var(--spacing-8);
}

.governance-approach__svg {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  overflow: visible;
}

/* ==========================================================================
   Subtle Motion — purposeful, reduced-motion aware
   ========================================================================== */

@media (prefers-reduced-motion: no-preference) {
  /* Central BIS node pulse */
  .node-pulse {
    transform-origin: center;
    transform-box: fill-box;
    animation: bis-pulse 3.5s ease-in-out infinite;
  }

  @keyframes bis-pulse {
    0%, 100% { opacity: 0.25; transform: scale(1); }
    50% { opacity: 0.08; transform: scale(1.08); }
  }

  /* Flow line dash travel — indicates direction of the engagement flow */
  .flow-line {
    stroke-dasharray: 6 8;
    animation: bis-flow 1.8s linear infinite;
  }

  @keyframes bis-flow {
    to { stroke-dashoffset: -14; }
  }
}

/* Non-animated state is the default:
   all diagrams render fully static for reduced-motion users. */