.site-kit-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 24px;
}
.site-kit-grid > * {
  min-width: 0;
  grid-column: span 4;
}
.site-kit-grid[data-count="1"] > * {
  grid-column: span 12;
}
.site-kit-grid[data-count="2"] > * {
  grid-column: span 6;
}
.site-kit-grid[data-count="4"] > *,
.site-kit-grid[data-count="7"] > * {
  grid-column: span 3;
}
.site-kit-grid[data-count="5"] > :nth-last-child(-n + 2) {
  grid-column: span 6;
}
.site-kit-grid[data-count="7"] > :nth-last-child(-n + 3) {
  grid-column: span 4;
}
.team-grid .media-slot {
  aspect-ratio: 4 / 5;
}
@media (width <= 1100px) {
  .site-kit-grid[data-count="4"] > * {
    grid-column: span 6;
  }
  .site-kit-grid[data-count="7"] > * {
    grid-column: span 4;
  }
  .site-kit-grid[data-count="7"] > :nth-last-child(-n + 4) {
    grid-column: span 6;
  }
}
@media (width <= 767px) {
  .site-kit-grid > *,
  .site-kit-grid[data-count] > * {
    grid-column: 1 / -1;
  }
  .team-grid.site-kit-grid[data-count="2"] > * {
    grid-column: span 6;
  }
}