.sr-only {
  display: none;
}

body.progress * {
  cursor: progress !important;
}

.grid {
  --column-gap: calc(var(--space-m) * 1.5);
  --row-gap: calc(var(--space-m) / 2);
  --row-length: calc(12 / var(--span));
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: var(--column-gap);
  row-gap: var(--row-gap);
}

.grid__item {
  grid-column: span var(--span);
}

.grid__item picture {
  --column-gap-nbr: var(--row-length) - 1;
  --white-space: calc(
    (var(--column-gap) * var(--column-gap-nbr)) + var(--space-m) * 2
  );
  --width: calc((100vw - var(--white-space)) / var(--row-length));
  height: calc(var(--width) / 1.4);
}

.grid__item picture img {
  object-fit: cover;
}

.logo {
  font-weight: normal;
  transition: opacity 0.2s ease-in-out;
  font-size: var(--font-size-h2);
}

.logo > * {
  display: block;
}

.logo > *:not(:first-child) {
  margin-left: 2.4ch;
}