/*
 * Allery - Custom styles
 * Most styling is handled by Tailwind CSS (see tailwind.config.js)
 * Add any custom CSS here that can't be expressed with Tailwind utilities
 */

/* TODO: Add custom font imports once typography is decided */
/* TODO: Add any brand-specific CSS variables */

/* Prose styles for painting descriptions */
.prose p {
  margin-bottom: 1em;
}

/* Masonry-style portfolio grid - CSS columns approach */
.portfolio-grid {
  columns: 1;
}

@media (min-width: 640px) {
  .portfolio-grid { columns: 2; }
}

@media (min-width: 1024px) {
  .portfolio-grid { columns: 3; }
}

@media (min-width: 1280px) {
  .portfolio-grid { columns: 4; }
}