/* Altture symbols: one open-path drawing language, with brand colour moving through it. */
.altture-glyph{
  --icon-mask:none;
  display:block;
  flex:none;
  background-color:var(--cobalt);
  background-image:linear-gradient(110deg,transparent 39%,rgba(255,255,255,.28) 50%,transparent 61%),linear-gradient(110deg,var(--mint) 0%,var(--violet) 48%,var(--cobalt) 100%);
  background-size:220% 100%,100% 100%;
  background-position:0% 50%,0 0;
  -webkit-mask-image:var(--icon-mask);
  mask-image:var(--icon-mask);
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  animation:altture-icon-flow 9s ease-in-out infinite alternate;
}

.altture-glyph--ownership{--icon-mask:url('assets/icons/ownership.svg')}
.altture-glyph--momentum{--icon-mask:url('assets/icons/momentum.svg')}
.altture-glyph--simplicity{--icon-mask:url('assets/icons/simplicity.svg')}
.altture-glyph--openness{--icon-mask:url('assets/icons/openness.svg')}
.altture-glyph--field{--icon-mask:url('assets/icons/field.svg')}
.altture-glyph--voices{--icon-mask:url('assets/icons/voices.svg')}
.altture-glyph--exchange{--icon-mask:url('assets/icons/exchange.svg')}
.altture-glyph--making{--icon-mask:url('assets/icons/making.svg')}
.altture-glyph--build{--icon-mask:url('assets/icons/build.svg')}
.altture-glyph--trial{--icon-mask:url('assets/icons/trial.svg')}
.altture-glyph--reach{--icon-mask:url('assets/icons/reach.svg')}
.altture-glyph--support{--icon-mask:url('assets/icons/support.svg')}
.altture-glyph--structure{--icon-mask:url('assets/icons/structure.svg')}
.altture-glyph--thesis{--icon-mask:url('assets/icons/thesis.svg')}
.altture-glyph--signal{--icon-mask:url('assets/icons/signal.svg')}
.altture-glyph--connection{--icon-mask:url('assets/icons/connection.svg')}
.altture-glyph--automation{--icon-mask:url('assets/icons/automation.svg')}
.altture-glyph--knowledge{--icon-mask:url('assets/icons/knowledge.svg')}
/* Capability marks keep one meaning on the work index and every story page. */
.altture-glyph--cap-new-ventures{--icon-mask:url('assets/icons/cap-new-ventures.svg')}
.altture-glyph--cap-development{--icon-mask:url('assets/icons/cap-development.svg')}
.altture-glyph--cap-investing{--icon-mask:url('assets/icons/cap-investing.svg')}
/* Work-area and service symbols are distinct where the ideas differ. */
.altture-glyph--handover{--icon-mask:url('assets/icons/handover.svg')}
.altture-glyph--landscape{--icon-mask:url('assets/icons/landscape.svg')}
.altture-glyph--platform{--icon-mask:url('assets/icons/platform.svg')}
.altture-glyph--strategy{--icon-mask:url('assets/icons/strategy.svg')}
.altture-glyph--tool-system{--icon-mask:url('assets/icons/tool-system.svg')}
.altture-glyph--team-development{--icon-mask:url('assets/icons/team-development.svg')}
.altture-glyph--research{--icon-mask:url('assets/icons/research.svg')}
.altture-glyph--pilot{--icon-mask:url('assets/icons/pilot.svg')}
.altture-glyph--launch{--icon-mask:url('assets/icons/launch.svg')}
.altture-glyph--venture-setup{--icon-mask:url('assets/icons/venture-setup.svg')}
.altture-glyph--fund-model{--icon-mask:url('assets/icons/fund-model.svg')}
.altture-glyph--deal-flow{--icon-mask:url('assets/icons/deal-flow.svg')}
.altture-glyph--governance{--icon-mask:url('assets/icons/governance.svg')}
.altture-glyph--portfolio-growth{--icon-mask:url('assets/icons/portfolio-growth.svg')}
.altture-glyph--corporate-pilot{--icon-mask:url('assets/icons/corporate-pilot.svg')}
.altture-glyph--strategic-value{--icon-mask:url('assets/icons/strategic-value.svg')}
.altture-glyph--assessment{--icon-mask:url('assets/icons/assessment.svg')}
.altture-glyph--workflow{--icon-mask:url('assets/icons/workflow.svg')}
.altture-glyph--tool-selection{--icon-mask:url('assets/icons/tool-selection.svg')}
.altture-glyph--feedback{--icon-mask:url('assets/icons/feedback.svg')}
.altture-glyph--training{--icon-mask:url('assets/icons/training.svg')}

@keyframes altture-icon-flow{
  from{background-position:0% 50%,0 0}
  to{background-position:100% 50%,0 0}
}

.about-principle-card:nth-child(2) .altture-glyph,.cap-journey-map a:nth-child(2) .altture-glyph,.cap-micro-grid li:nth-child(4n+2) .altture-glyph{animation-delay:-2.3s}
.about-principle-card:nth-child(3) .altture-glyph,.cap-journey-map a:nth-child(3) .altture-glyph,.cap-micro-grid li:nth-child(4n+3) .altture-glyph{animation-delay:-4.6s}
.about-principle-card:nth-child(4) .altture-glyph,.cap-journey-map a:nth-child(4) .altture-glyph,.cap-micro-grid li:nth-child(4n) .altture-glyph{animation-delay:-6.9s}

.cap-journey-map a:hover .altture-glyph,.cap-journey-map a:focus-visible .altture-glyph{
  animation:none;
  background-image:none;
  background-color:currentColor;
}

@media(prefers-reduced-motion:reduce){.altture-glyph{animation:none;background-position:0% 50%,0 0}}