/* Mobile Styles */
@media screen and (max-width: 767px) {
    :root {
        --spacing-unit: 0.8rem;
    }

    .main-header {
        padding: 10vh 0 5vh;
    }

    .main-header h1 {
        font-size: 1.8rem;
    }

    .navigation-links {
        flex-direction: column;
        align-items: center;
        gap: calc(var(--spacing-unit) * 2);
    }

    .nav-link {
        font-size: 1rem;
    }

    /* Main page about section */
    .main-about-content {
        font-size: 1rem;
        padding: 0 var(--spacing-unit);
    }

    /* Inner pages about section */
    .inner-about-content {
        font-size: 1rem;
        padding: 0 var(--spacing-unit);
    }

    /* Reduced spacing for about sections on mobile */
    .main-about-section,
    .inner-about-section {
        margin: calc(var(--spacing-unit) * 2) auto;
        padding: 0 var(--spacing-unit);
    }
}

/* Tablet Styles */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .main-header h1 {
        font-size: 2.2rem;
    }

    .main-about-content,
    .inner-about-content {
        padding: 0 calc(var(--spacing-unit) * 2);
    }
}

/* Large Screen Styles */
@media screen and (min-width: 1024px) {
    .container {
        padding: 0 calc(var(--spacing-unit) * 2);
    }
}

/* Print Styles */
@media print {
    .language-switch,
    .social-links {
        display: none;
    }
}

/* Editor */
@media (max-width: 768px) {
    .menu {
        flex-direction: column;
        gap: 1rem;
        padding: 1rem 0;
    }
    
    .menu-left {
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }
    
    .video-grid {
        grid-template-columns: 1fr;
        padding: 0 0.5rem;
    }
}

/* Video */
@media (max-width: 768px) {
    .video-description {
        padding: 0 1.5rem;
    }

    .photos-grid {
        padding: 0 var(--spacing-unit);
        margin: 1rem auto;
    }
}