[x-cloak] {
  display: none !important;
}

.font-serif {
  font-family: 'Playfair Display', serif;
}

.masonry {
  column-count: 2;
  column-gap: 0.75rem;
}

@media (min-width: 640px) {
  .masonry {
    column-count: 3;
  }
}

@media (min-width: 1024px) {
  .masonry {
    column-count: 4;
  }
}

.masonry > * {
  break-inside: avoid;
}

@media print {
  .no-print {
    display: none !important;
  }
}