/**
 * References
 */

.block-references {
  display: grid;
  gap: var(--component-gap);

  .references-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--grid-gap-lg);
    margin-block-start: var(--spacing-lg);

    @media (width >= 640px) {
      grid-template-columns: repeat(3, 1fr);
    }

    @media (width >= 992px) {
      grid-template-columns: repeat(5, 1fr);
      justify-content: space-between;
    }

    > * {

      @media (width >= 992px) {
        place-content: center;
      }
    }
  }

  a.reference {
    img {
      transform: scale(1);
    }

    &:hover img,
    &:focus img {
      transform: scale(1.05);
    }
  }

  .reference {
    display: grid;
    margin-bottom: 0;

    @media (width < 992px) {
      place-content: center;
    }
  }

  img {
    border-radius: 0;
    transition: transform var(--transition);
    width: 100%;
    height: auto;
    max-width: 10rem;
  }
}