@media (max-width: 900px) {
    .desktop-nav,
    .donate {
        display: none;
    }

    .menu-toggle {
        display: block;
    }

    .mobile-nav {
        display: none;
        border-top: 1px solid var(--border);
        padding: 10px 20px;
        flex-direction: column;
    }

    .mobile-nav.open {
        display: flex;
    }

    .mobile-nav a {
        padding: 9px 0;
    }

    .cards.three {
        grid-template-columns: repeat(2, 1fr);
    }

    .founder {
        gap: 40px;
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .centre-detail {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .archive-gallery {
        grid-template-columns: repeat(3, 1fr);
    }

    .stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .event-columns {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .container {
        width: min(100% - 32px, 1152px);
    }

    .hero {
        min-height: 76vh;
    }

    .hero-content {
        padding: 70px 0;
    }

    .hero-logo {
        width: 105px;
        height: 105px;
    }

    .section,
    .intro {
        padding: 64px 0;
    }

    .cards.three,
    .cards.two,
    .two-cols,
    .founder,
    .event-columns {
        grid-template-columns: 1fr;
    }

    .event-list {
        grid-template-columns: 1fr;
    }

    .split {
        align-items: flex-start;
        flex-direction: column;
    }

    .cta {
        margin: 64px 16px;
        padding: 38px 24px;
    }

    .footer-grid {
        grid-template-columns: 1fr;
        padding: 44px 0;
        gap: 30px;
    }

    .footer-bottom {
        display: block;
    }

    .footer-bottom span {
        display: block;
        margin: 6px 0;
    }

    .footer-bottom a:first-child {
        margin-left: 0;
    }

    .page-hero {
        padding: 60px 0;
    }

    .archive-gallery {
        grid-template-columns: repeat(2, 1fr);
    }

    .archive-gallery img {
        height: 130px;
    }

    .stats {
        grid-template-columns: 1fr;
    }

    .team-grid {
        grid-template-columns: 1fr;
    }
}