/* =========================================================
   CASE STUDY - PRINCIPLES OF INTELLIGENCE
   Page-owned styles only (logo morph). Shared kit: ../case-study-shared.css
   ========================================================= */

.poi-system-svg {
  display: block;
  width: min(100%, 280px);
  height: auto;
  overflow: visible;
}

.poi-system-svg .mark-path {
  fill: none;
  stroke: #78938A;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

/*
   Logo state groups: all stacked in SVG space.
   Default hidden; JS adds .is-active to the current group.
   CSS crossfade duration must match FADE_MS in poi-morph.js (900ms).
*/

.poi-system-svg .poi-system-state {
  opacity: 0;
  transition: opacity 900ms ease;
}

.poi-system-svg .poi-system-state.is-active {
  opacity: 1;
}

@media (max-width: 760px) {
  .poi-system-svg {
    width: var(--space-10);
  }
}