/* ─── 920 px breakpoint ──────────────────────────────────────── */
@media (max-width: 920px) {
    .hero,
    .profile,
    .spotlight,
    .method-rail,
    .transformation-panel,
    .editorial-layout {
        grid-template-columns: 1fr;
    }

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

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

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

    .signal-band,
    .hero-metrics,
    .method-steps {
        grid-template-columns: 1fr;
    }

    .transformation-board {
        grid-template-columns: 1fr;
    }

    .board-arrow {
        width: 2px;
        height: 3rem;
        justify-self: center;
    }

    .board-arrow::after {
        right: 50%;
        top: auto;
        bottom: 0.3rem;
        transform: translateX(50%) rotate(135deg);
    }

    nav {
        gap: 0.8rem;
        font-size: 0.92rem;
    }

    .brand span {
        display: none;
    }
}

/* ─── 760 px breakpoint ──────────────────────────────────────── */
@media (max-width: 760px) {
    .site-header {
        width: min(94vw, 1180px);
        gap: 0.8rem;
        align-items: flex-start;
        flex-direction: column;
    }

    nav {
        flex-wrap: wrap;
    }

    .portal-intro h1 {
        font-size: clamp(2rem, 10vw, 3.4rem);
    }

    .process-flow {
        grid-template-columns: 1fr;
    }

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

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

    .legal-top-fab {
        right: 0.9rem;
        bottom: 0.9rem;
        font-size: 0.8rem;
    }
}