/* Parallax home page styles */
.parallax-content {
  @apply w-full;
}

/* Mobile: full height cards */
@media (max-width: 767px) {
  .parallax-content {
    @apply h-full;
  }
}

/* Desktop: content-hugging cards */
@media (min-width: 768px) {
  .parallax-content {
    @apply max-w-2xl mx-auto;
    max-height: 80vh;
    overflow-y: auto;
  }
}