@media (max-width: 600px) {
    html {
        font-size: 100%;
        overflow-x: hidden;
    }

    body {
        overflow-x: hidden;
    }

    nav {
        min-height: 68px;
        padding: 0.9rem 1.25rem;
    }

    .nav-wordmark {
        max-width: 245px;
        font-size: 0.72rem;
        line-height: 1.45;
        letter-spacing: 0.15em;
    }

    .hamburger {
        width: 44px;
        height: 44px;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .mobile-menu {
        top: 68px;
        padding: 1.25rem;
    }

    .mobile-menu a {
        display: block;
        padding: 0.8rem 0;
        font-size: 0.82rem;
    }

    section,
    main {
        max-width: 100%;
    }

    section {
        padding: 3.5rem 1.25rem;
    }

    .page-section {
        min-height: auto;
        padding-top: 6rem;
    }

    .section-header {
        margin-bottom: 2.25rem;
    }

    .section-title {
        max-width: 100%;
        font-size: clamp(2rem, 9.5vw, 2.7rem);
        line-height: 1.08;
        overflow-wrap: break-word;
    }

    #hero {
        min-height: 100svh;
        padding: 6.5rem 1.25rem 3rem;
    }

    .hero-content {
        width: 100%;
        max-width: 100%;
    }

    .hero-headline {
        max-width: 100%;
        font-size: clamp(2.15rem, 10.5vw, 2.65rem);
        line-height: 1.08;
        overflow-wrap: break-word;
    }

    .hero-headline em {
        font-size: 0.92em;
    }

    .hero-sub {
        max-width: 100%;
        font-size: 1rem;
        line-height: 1.7;
    }

    body.subpage .page-section {
        background-attachment: scroll;
    }

    .data-exhibit {
        max-width: 100%;
        padding: 1rem;
        overflow-x: auto;
    }

    .data-exhibit-title {
        font-size: 1.15rem;
    }

    .source-note {
        font-size: 0.72rem;
    }

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

    .market-stat {
        padding: 1.35rem;
    }

    .footer-inner {
        flex-direction: column;
        gap: 1.25rem;
    }

    .footer-disclaimer {
        max-width: 100%;
        text-align: left;
    }

    footer {
        padding: 2rem 1.25rem;
    }

    /* Thesis page */
    .principles-grid {
        gap: 2rem;
    }

    .principles-block-title {
        font-size: 1.55rem;
    }

    .feedback-loop > div {
        display: flex !important;
        flex-direction: column;
        gap: 1rem;
    }

    .loop-node {
        width: 100%;
    }

    .loop-chevron {
        align-self: center;
        transform: rotate(90deg);
    }

    .feedback-loop div[style*="grid-column"] {
        display: none;
    }

    .zipper-row,
    .zipper-text,
    .zipper-visual {
        width: 100%;
        min-width: 0;
    }

    .zipper-row {
        gap: 1.5rem;
        padding: 2.25rem 0;
    }

    .bar-chart {
        width: max-content;
        min-width: 590px;
        grid-template-columns: 26px repeat(12, 40px);
    }

    .origin-row {
        min-width: 0;
        grid-template-columns: 82px minmax(120px, 1fr) 48px;
        gap: 0.45rem;
    }

    .origin-label,
    .origin-value,
    .origin-fill-label {
        font-size: 0.62rem;
    }

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

    .press-item {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }

    /* Strategy page */
    .thesis-steps {
        grid-template-columns: 1fr;
        gap: 0.8rem;
    }

    .thesis-step {
        padding: 1rem 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .step-connector {
        justify-self: center;
        transform: rotate(90deg);
    }

    .tier-contrast {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .tier-col {
        padding: 1.25rem;
    }

    .tier-bridge {
        padding: 0.5rem 0;
    }

    .tier-bridge-arrow {
        transform: rotate(90deg);
    }

    .bubble-chart-layout {
        flex-direction: column;
        gap: 1.25rem;
    }

    .bubble-wrap {
        width: 100%;
        flex: none;
        overflow-x: auto;
    }

    .bubble-wrap svg {
        width: 100%;
        min-width: 0;
        height: auto;
    }

    .bubble-explain {
        width: 100%;
        padding-top: 0;
    }

    /* Team and partnering pages */
    .team-card,
    .contact-grid {
        grid-template-columns: 1fr;
    }

    .team-avatar {
        display: block;
        width: min(100%, 280px);
        height: auto;
        aspect-ratio: 1 / 1;
        margin: 0 auto 0.5rem;
    }

    .team-avatar img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top;
    }

    .cred-tags {
        gap: 0.4rem;
    }

    .cred {
        white-space: normal;
    }
}

@media (min-width: 601px) and (max-width: 860px) {
    .thesis-steps,
    .tier-contrast {
        gap: 1rem;
    }

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