/* ===========================
   RESPONSIVE BREAKPOINTS
   =========================== */
@media (min-width: 640px) {
    .gallery-grid {
        columns: 2;
    }

    .form-row {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 768px) {
    .nav-links {
        display: flex;
    }

    .hamburger {
        display: none;
    }

    .about-grid {
        grid-template-columns: 5fr 7fr;
        gap: 80px;
    }

    .gallery-grid {
        columns: 3;
    }
}

@media (min-width: 1024px) {
    .container {
        padding: 0 48px;
    }

    .nav-inner {
        padding: 0 48px;
    }

    .footer-inner {
        flex-direction: row;
        justify-content: space-between;
        text-align: left;
    }

    .gallery-grid {
        columns: 4;
    }
}

/* ===========================
   MOBILE SPACING OPTIMIZATIONS
   =========================== */
@media (max-width: 768px) {
    /* Section paddings to 40px top and bottom */
    .hero, .about, .portfolio, .events, .contact, .media {
        padding: 40px 0 !important;
    }
    
    .footer {
        padding: 40px 0 32px !important;
    }

    /* Reduce container gaps and margins */
    .about-grid {
        gap: 24px !important;
    }
    
    .portfolio-header, .events-header, .contact-header, .media-header {
        margin-bottom: 24px !important;
    }

    /* Only 4 preview images on mobile homepage */
    #preview-gallery-grid .gallery-card:nth-child(n+5) {
        display: none !important;
    }

    .filter-bar {
        margin-bottom: 24px !important;
    }

    .events-category-row {
        margin-bottom: 32px !important;
    }

    .events-stats-strip {
        margin-bottom: 32px !important;
    }
    
    .contact-cta-text {
        margin-bottom: 24px !important;
    }
    
    .form-submit-wrap {
        margin-top: 24px !important;
    }
}