@media only screen and (max-width: 940px) {
    .hero,
    .featured_project,
    .home_contact_summary,
    .about_layout,
    .contact_columns,
    .guide_layout,
    .project_list_item {
        grid-template-columns: 1fr;
    }

    .hero {
        min-height: 100svh;
    }

    .download_panel {
        position: static;
    }

    .project_list_thumb {
        max-height: 260px;
    }

    .project_list_body p:not(.project_meta) {
        -webkit-line-clamp: 2;
    }
}

@media only screen and (max-width: 720px) {
    .quick_action_bar {
        top: calc(var(--nav-height) + 30px);
        padding: 8px 10px;
        flex-wrap: wrap;
        row-gap: 8px;
    }

    .quick_action_bar .back_btn {
        flex: 0 0 auto;
        min-height: 36px;
        padding: 7px 10px;
        font-size: 13px;
    }

    .quick_action_title {
        display: none;
    }

    .quick_action_buttons {
        width: 100%;
        justify-content: stretch;
        gap: 8px;
    }

    .quick_action_buttons .primary_btn,
    .quick_action_buttons .code_btn {
        flex: 1;
        min-height: 40px;
        min-width: 0;
        padding: 8px 10px;
        font-size: 13px;
    }

    .detail_tabs {
        gap: 4px;
    }

    .detail_tab_btn {
        font-size: 12.5px;
        padding: 8px 10px;
        min-height: 38px;
    }

    .site_header {
        padding: 10px 12px;
    }

    .top_nav {
        min-height: 58px;
    }

    .menu_toggle {
        display: block;
    }

    .nav_btn_container {
        position: absolute;
        left: 12px;
        right: 12px;
        top: calc(100% + 4px);
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
        padding: 8px;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: var(--header-bg-solid);
        backdrop-filter: blur(18px);
        box-shadow: var(--shadow);
    }

    .nav_btn_container.open {
        display: flex;
    }

    .nav_btn {
        justify-content: flex-start;
    }

    .home_projects,
    .page_shell,
    .project_detail_shell,
    .home_contact_summary,
    .site_footer {
        width: min(100% - 24px, var(--container));
    }

    .hero h1,
    .section_heading h1,
    .about_content h1,
    .guide_main h1 {
        font-size: clamp(26px, 8vw, 36px);
    }

    .hero_stage {
        display: none;
    }

    .hero {
        min-height: auto;
        padding-top: calc(var(--nav-height) + clamp(40px, 10vw, 64px));
        padding-bottom: clamp(48px, 12vw, 80px);
        background: linear-gradient(160deg, #141414 0%, #1c1c1c 55%, #0a0a0a 100%);
    }

    .hero_copy {
        width: 100%;
    }

    .project_gallery img,
    .selector_gallery > img,
    .guide_cover {
        min-height: 310px;
    }

    .projects_header {
        align-items: stretch;
        flex-direction: column;
    }

    .project_list_body {
        padding: 0;
    }

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

    .copy_block span {
        grid-column: 1 / -1;
    }

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

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

    .footer_grid {
        grid-template-columns: 1fr;
        max-width: none;
    }
}

@media only screen and (max-width: 460px) {
    .brand_text {
        display: none;
    }

    .hero_actions,
    .summary_actions {
        align-items: stretch;
        flex-direction: column;
    }

    .primary_btn,
    .ghost_btn,
    .ghost_link,
    .code_btn {
        width: 100%;
    }

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

    .project_gallery img,
    .selector_gallery > img,
    .guide_cover {
        min-height: 260px;
    }

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

    .breathing_space {
        height: 18vh;
    }
}