/* Homepage-specific helpers */
.homepage-hero {
  border-radius: var(--radius-xl);
  overflow: hidden;
}

.homepage-hero .carousel-caption {
  background: rgba(15, 23, 42, 0.6);
  border-radius: 14px;
}

.homepage-card-img {
  height: 170px;
  object-fit: cover;
}

.homepage-blog-img {
  height: 200px;
  object-fit: cover;
}

.homepage-blog-img-empty {
  height: 200px;
}

@media (max-width: 768px) {
  .homepage-hero img {
    height: 260px;
    object-fit: cover;
  }
}

@media (max-width: 576px) {
  .homepage-hero img {
    height: 200px;
  }
}