/* sm — tablette */
@media only screen and (min-width: 40em) {
  .grid { grid-template-columns: repeat(2, 1fr); }

  .event { grid-template-columns: 1fr 2fr; }
  .event__place { grid-column: 2; }
}

/* md — ordinateur */
@media only screen and (min-width: 64em) {
  body { padding: 2em; }

  .menu-toggle { display: none; }

  .site-nav {
    display: flex !important;
    width: auto;
    padding-top: 0;
    gap: var(--gap);
    align-items: baseline;
  }

  .site-nav__menu { display: flex; gap: 0 1.5em; }
  .site-nav__languages { margin-top: 0; }

  .grid,
  .projet,
  .columns,
  .event { grid-template-columns: repeat(4, 1fr); }

  /* projet : infos à gauche, texte et galerie sur les 3 colonnes de droite */
  .projet__header  { grid-column: 1 / -1; }
  .projet__infos   { grid-column: 1; grid-row: 2 / span 2; }
  .projet__text    { grid-column: 2 / 5; }
  .projet__gallery { grid-column: 2 / 5; }

  .event__date  { grid-column: 1; }
  .event__main  { grid-column: 2 / 4; }
  .event__place { grid-column: 4; }

  .columns__main { grid-column: 1 / 4; }
  .columns__side { grid-column: 4; }

  .page--text .text { margin-left: calc(25% + var(--gap) / 4); }

  /* largeurs et alignements des blocs image */
  .media--image.media--large { width: 75%; }
  .media--image.media--half  { width: 50%; }
  .media--image.media--third { width: 33.333%; }
  .media--image.media--center { margin-left: auto; margin-right: auto; }
  .media--image.media--right  { margin-left: auto; }
}

/* xl — grands écrans */
@media only screen and (min-width: 90em) {
  :root { --font-size: 17px; }
}