.filter-links ul {
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--su) / 2) 0.85rem;
  padding: 0;
  margin: 0;
}

.references-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(206px, 1fr));
  gap: var(--su);
}

/* snippets accepts "no-border" class */
.references-grid.no-border .references-grid-item > div {
  border-bottom: none;
}

.references-grid-item > div {
  height: 100%;
  border-bottom: 1px solid var(--c-line);
  padding-bottom: var(--su);
}

.references-grid-item img {
  margin-bottom: 0.5rem;
}

.references-grid-item > div > a {
  display: grid;
  grid-template-rows: auto 1fr auto; /* image, spacer, text block */
  height: 100%;
}

.references-grid-item > div > a  h3 {
  margin-top: auto;
  align-self: end;
}

.references-grid-item:last-child:only-child > div,
.references-grid-item:last-child:nth-child(odd):nth-last-child(1) > div {
  border-bottom: none;
}

/* youtube video embed snippet */
.video-embed {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.video-embed iframe {
  width: 100%;
  height: 100%;
  border: 0;
}