.m-evenements {

  .m-evenements__titre--accent {
    color: var(--wp--preset--color--primary);
  }

  .m-evenements__texte {
    max-width: 720px;
    margin: 0 auto;
  }

  .m-evenements__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--wp--custom--gap--base);
    margin-top: 2.5em;

    @media (width < 992px) {
      grid-template-columns: repeat(2, 1fr);
    }

    @media (width < 768px) {
      grid-template-columns: 1fr;
    }
  }
}