/* Styles for the public /about page. */

[data-about-masonry] {
  column-count: 1;
  column-gap: 1rem;
}

@media (min-width: 768px) {
  [data-about-masonry] {
    column-count: 2;
  }
}

[data-about-masonry] > div {
  break-inside: avoid;
  page-break-inside: avoid;
}