@media (max-width: 960px) {
    .primary-nav {
        position: absolute;
        left: 1rem;
        right: 1rem;
        top: calc(100% + .5rem);
        display: none;
        padding: 1rem;
        background: white;
        border: 1px solid var(--border-color);
        border-radius: var(--radius-medium);
        box-shadow: var(--shadow-card);
    }

    .primary-nav.is-open { display: block; }

    .primary-nav ul {
        flex-direction: column;
        align-items: stretch;
        gap: .25rem;
    }

    .primary-nav a {
        display: block;
        padding: .75rem;
        border-radius: var(--radius-small);
    }

    .nav-toggle { display: inline-flex; }

    .hero-grid,
    .split {
        grid-template-columns: 1fr;
    }

    .hero-media {
        min-height: 420px;
    }

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

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

@media (max-width: 700px) {
    :root {
        --header-height: 72px;
    }

    .section { padding-block: var(--section-space-mobile); }

    .site-logo { width: var(--logo-mobile-width); }

    .hero {
        padding-block: 3.2rem 4rem;
    }

    .hero-media {
        min-height: 320px;
    }

    .grid-2,
    .grid-3,
    .grid-4,
    .form-row,
    .footer-grid {
        grid-template-columns: 1fr;
    }

    .button-row {
        flex-direction: column;
    }

    .button {
        width: 100%;
    }

    .cta-band,
    .netlabos-panel {
        border-radius: var(--radius-medium);
    }
}