/* Responsive Design */
@media (max-width: 768px) {

    .hero-title {
        font-size: calc(var(--font-size-hero-title)*2);
    }
    
    .hero-subtitle {
        font-size: calc(var(--font-size-hero-subtitle)*2);
    }

    .hero-date {
        font-size: calc(var(--font-size-hero-date)*2);
    }
    
    .story-content h2,
    .details-content h2,
    .rsvp-content h2 {
        font-size: 2rem;
    }
    
    .details-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .nav-container {
        padding: 0 15px;
    }
    
    .container {
        padding: 0 15px;
    }

    /* .scroll-indicator {
        display: none;
    } */

    .parallax-container {
        background-attachment: scroll;
    }
    
    .hero {
        background-attachment: scroll;
    }
}