@layer page {
  main.index section.references {

    text-align:center;
    margin-top: 4rem;
    margin-bottom: 5rem;

    .content {
      padding-top: 3rem;
      padding-bottom: 4rem;
      background: var(--color-elk-blue-50);
      display: grid;
      grid-template-columns: 1fr;
      justify-items: center;
    }

    h2 {
      text-transform: uppercase;
      font-size: 1rem;
      margin-bottom: 2rem;
      text-align:center;
      color: var(--color-elk-blue-900);
    }

    ul {
      list-style:none;
      padding-left:0;
      margin: 0 0 1.5rem 0;
      display:grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1rem;
      justify-content:center;
    }

    li {
      display:inline-block;
      border-radius: .375rem;
    }

    .blurb {
      font-size: 1.5rem;
      line-height: 1.6;
      margin-bottom: 0;
    }
  }

  @media (width >= 1024px) {
    main.index section.references {
      ul {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 2rem;
      }
    }
  }
}