section.cards a {
  text-decoration: none;
}
section.cards .row {
  gap: 2.5em 0;
}
@media (max-width: 767px) {
  section.cards .row {
    gap: 0;
  }
}
section.cards span.img--node {
  --node-size: 4em;
  width: var(--node-size);
  height: var(--node-size);
  background: var(--clr-secondary);
  display: block;
  position: absolute;
  left: calc(var(--node-size) * 0.75);
  top: calc(var(--node-size) * 0.75);
  z-index: 5;
  border-radius: 50vw;
  transform: translate(-50%, -50%);
  transition: all 480ms ease-in-out;
}
section.cards span.img--node.node--centre {
  left: 50%;
  top: 50%;
  width: 6em;
  height: 6em;
  transition: none;
}
section.cards span.img--node.node--centre img.img--node__icon {
  height: 50%;
  width: 50%;
  transform: translate(50%, 50%) rotate(90deg);
  transition: transform 50ms ease-in-out;
}
section.cards span.img--node img.img--node__icon {
  height: 50%;
  width: 50%;
  transform: translate(50%, 50%);
  transition: transform 50ms ease-in-out;
}
section.cards img.img--display {
  transform: scale(1);
  transition: all 840ms ease-in-out;
  transition: all 840ms ease-in-out;
}
section.cards img.img--display.display--hover {
  transform: scale(1.25);
}
section.cards .card--holder > h4.card--title {
  padding: 0;
  padding-block-start: 0.5em;
  margin: 0;
  max-width: 80%;
  position: relative;
  display: block;
  left: 0;
  transition: all 640ms ease-in-out;
}
section.cards .card--holder:hover > h4.card-title {
  left: 10%;
  transition: all 640ms ease-in-out;
  margin-inline-start: 10%;
}
section.cards .card--img {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-round-sm);
}
section.cards[data-content-type="case_studies"] .card--img .article--overlay{position:absolute;inset:0;z-index:20;background:rgba(0,0,0,0.8);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2em;opacity:0;transition:opacity 300ms ease-in-out}
section.cards[data-content-type="case_studies"] .card--img .article--overlay p{color:var(--clr-primary);margin:0;text-align:center;width:100%}
section.cards[data-content-type="case_studies"] .card--holder:hover .article--overlay,section.cards[data-content-type="case_studies"] .card--holder:focus-within .article--overlay{opacity:1}
/*# sourceMappingURL=cards-style.css.map */