/* Hero Carousel - Fixed aspect ratio to prevent CLS */
._herocarousel-container {
  aspect-ratio: 16 / 9;
  max-height: 800px;
  overflow: hidden;
}

._herocarousel-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 640px) {
  ._herocarousel-container {
    aspect-ratio: 16 / 10;
  }
}