@media (max-width: 768px) {
    .hero-title {
        font-size: 2rem;
    }

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

    .slider-legend h2 {
        font-size: 1.25rem;
    }

    .slider-legend p {
        font-size: 0.875rem;
    }

    .slider-nav {
        bottom: 1rem;
    }
}