/* Home page specific styles */

/* Optimize hero card loading */
.hero-card {
    background-color: #f0f0f0; /* Placeholder color while loading */
    background-size: cover;
    background-position: center;
    transition: opacity 0.3s ease;
}

.hero-card.bg-loaded {
    opacity: 1;
}

/* Initial state - slightly transparent until image loads */
.hero-card:not(.bg-loaded) {
    opacity: 0.9;
}