/* Masonry Lightweight CSS columns - NO JS */
.masonry-grid {
  column-count: 4;
  column-gap: 20px;
}
.masonry-grid .masonry-item {
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  margin-bottom: 20px;
  display: block;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.masonry-grid .masonry-item img {
  width: 100%;
  display: block;
  height: auto;
}
@media (max-width: 1280px) { .masonry-grid { column-count: 3; } }
@media (max-width: 1024px) { .masonry-grid { column-count: 3; } }
@media (max-width: 768px)  { .masonry-grid { column-count: 2; } }
@media (max-width: 480px)  { .masonry-grid { column-count: 1; } }

.home-section { padding: 80px 0; }
.home-section.bg-cream { background: #F8F5EE; }
.home-section.bg-slate { background: #2C343C; color: #F8F5EE; }
.home-block-title { font-family: 'Playfair Display', Georgia, serif; font-size: 44px; line-height: 1.1; margin-bottom: 32px; color: #1A1A1E; }
.bg-slate .home-block-title { color: #F8F5EE; }
.cta-button { display: inline-block; padding: 14px 32px; background: #B9985A; color: #fff; border-radius: 6px; text-decoration: none; font-weight: 500; letter-spacing: 0.02em; }