/* Media Queries */
@media (max-width: 768px) {
    .hero-slide {
        height: 500px;
    }

    .animated-title {
        font-size: 2.5rem;
    }

    .collection-grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }
}

@media (max-width: 576px) {
    .hero-slide {
        height: 400px;
    }

    .animated-title {
        font-size: 2rem;
    }

    .animated-subtitle {
        font-size: 1rem;
    }
}