/* Hero section styling */
.hero {
  min-height: 70vh;
  background: url('/assets/images/hero.webp') center center / cover no-repeat;
  position: relative;
}
.hero .overlay {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 4rem 2rem;
  border-radius: 0.5rem;
}

/* Image rounding */
.card-img-top {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

/* General spacing */
section {
  padding: 3rem 0;
}

/* Footer or navbar adjustments can go here */
/* Masonry inside Bootstrap's grid container */
.masonry {
    column-count: 4; /* Desktop */
    column-gap: 1rem;
}

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

@media (max-width: 768px) {
    .masonry { column-count: 2; }
}

@media (max-width: 576px) {
    .masonry { column-count: 1; }
}

/* Prevent images from breaking across columns */
.masonry-item {
    break-inside: avoid;
    margin-bottom: 1rem;
}