/* LIVE Rosenau */

/*
TODO
- fit to grid
- responsive cell width related to number of children
*/

.supporters {
  --color-border: var(--color-blue);
  flex-wrap: wrap;
  font-size: small;
}
.supporters li {
  flex-grow: 1; /* force to full width */
}
/* ???
.supporters li:nth-child(1) {
  flex-grow: 2; 
}
*/
.supporters figure {
  --offset: 20%;
  margin-inline-start: var(--offset);
}
.supporters figure:has(:nth-child(2)) {
  display: flex;
  flex-flow: row wrap;
  gap: var(--gap);
}
@media screen and (min-width: 60em) {
  .supporters {
    flex-wrap: nowrap;
  }
  .supporters li {
    padding: calc(2 * var(--padding));
  }
  .supporters figure {
    --offset: 0;
  }
}