/* Original line illustrations: all styles are scoped to this small asset family. */
/* The matching portrait series replaces only home-page image references. */
.innoa-home .innoa-portrait { background: #e6e1ed; }
.innoa-home .innoa-portrait img { object-position: center top; filter: none; }
.innoa-home .innoa-team-avatars img { background: #e6e1ed; object-position: center; }
.innoa-home .innoa-brand-icon {
  --innoa-icon-accent: #9bdfe8;
  display: block;
  width: 72px;
  height: 72px;
  flex: 0 0 auto;
  color: #ceb0f2;
  overflow: visible;
}
.innoa-home .innoa-brand-icon-soft {
  fill: currentColor;
  fill-opacity: .055;
  stroke: currentColor;
  stroke-opacity: .15;
}
.innoa-home .innoa-brand-icon-guide {
  stroke-opacity: .35;
  stroke-width: 1.1;
}
.innoa-home .innoa-brand-icon-accent {
  stroke: var(--innoa-icon-accent);
}
.innoa-home .innoa-brand-icon-node {
  fill: var(--innoa-icon-accent);
  stroke: none;
}
.innoa-home .innoa-brand-icon-core {
  fill: currentColor;
  stroke: none;
}
.innoa-home .innoa-principles .innoa-brand-icon {
  margin: 0 0 22px -5px;
}
.innoa-home .innoa-manifesto-copy > .innoa-brand-icon {
  width: 106px;
  height: 106px;
  margin: -12px 0 20px -6px;
}
.innoa-home .innoa-creative-team > .innoa-brand-icon {
  --innoa-icon-accent: #426ea0;
  width: 64px;
  height: 64px;
  margin-left: auto;
  color: #8153b1;
}
.innoa-home .innoa-final-cta .innoa-brand-icon {
  position: absolute;
  right: 24px;
  top: -35px;
  width: min(36vw, 390px);
  height: auto;
  color: #debafa;
  opacity: .15;
  pointer-events: none;
}
@media (max-width: 767px) {
  .innoa-home .innoa-principles .innoa-brand-icon {
    width: 64px;
    height: 64px;
    margin-bottom: 17px;
  }
  .innoa-home .innoa-manifesto-copy > .innoa-brand-icon {
    width: 86px;
    height: 86px;
    margin-top: 0;
    margin-bottom: 17px;
  }
  .innoa-home .innoa-creative-team > .innoa-brand-icon {
    display: none;
  }
  .innoa-home .innoa-final-cta .innoa-brand-icon {
    right: -42px;
    top: 76px;
    width: 240px;
  }
}