.pathway-visual {
  position: relative;
  min-height: 190px;
  overflow: hidden;
  background: rgba(15, 13, 11, 0.08);
}

.pathway-visual img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(0.88) contrast(1.04) brightness(0.9);
  transition: transform 720ms cubic-bezier(0.32, 0.72, 0, 1), filter 720ms cubic-bezier(0.32, 0.72, 0, 1);
}

.pathway-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(15, 13, 11, 0.58));
}

.pathway:hover .pathway-visual img {
  transform: scale(1.035);
  filter: saturate(1) contrast(1.08) brightness(0.96);
}

@media (min-width: 880px) {
  .pathway.has-visual,
  .pathway.has-visual:nth-child(even) {
    grid-template-columns: minmax(180px, 0.34fr) 0.22fr minmax(0, 1fr) 0.3fr !important;
  }
}

@media (max-width: 879px) {
  .pathway-visual {
    min-height: 240px;
  }
}