@media (max-width: 1100px) {
    .hero-grid,
    .cards-grid-3,
    .join-form {
        grid-template-columns: 1fr;
    }

    .hero-card-small {
        margin-top: 0;
    }

    .footer-inner,
    .section-heading {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 860px) {
    .main-nav {
        position: fixed;
        top: 82px;
        left: 0;
        right: 0;
        background: rgba(10, 10, 10, 0.97);
        border-bottom: 1px solid var(--line);
        display: none;
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 16px 28px;
    }

    .main-nav.is-open {
        display: flex;
    }

    .menu-toggle {
        display: block;
    }

    .masonry-grid {
        columns: 1;
    }

    .hero-card-large {
        height: 420px;
    }

    .hero-card-small {
        height: 320px;
    }

    .card-image img {
        height: 360px;
    }
}