/*
 * CODBIO HUB ABOUT RESPONSIVE
 * Purpose: breakpoint, touch and motion rules.
 * Subsystem: Home / About. Scope: About layout from widescreen to 360px.
 */
@media (max-width: 1024px) {
    .about-hero { grid-template-columns: minmax(0, 1.5fr) minmax(14rem, .5fr); }
    .workflow-line { grid-template-columns: repeat(3, 1fr); row-gap: 2.5rem; }
    .method-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .about-hero { min-height: auto; grid-template-columns: 1fr; padding-top: 4.5rem; }
    .about-hero__visual { width: min(23rem, 82vw); margin: 0 auto; }
    .about-section__heading, .role-record, .focus-layout, .education-list article, .publication-record, .about-connect__inner { grid-template-columns: 1fr; gap: 1.4rem; }
    
    .about-intro {
        margin-left: 0;
    }

    .about-system-branches,
    .project-evidence {
        grid-template-columns: 1fr;
    }

    .communication-grid { grid-template-columns: 1fr; }.communication-grid article + article { padding-left: 0; border-left: 0; }
}
@media (max-width: 430px) {
    .about-hero { padding-block: 3.5rem 4.5rem; }.about-hero h1 { font-size: clamp(3.35rem, 17vw, 4.5rem); }
    .about-hero__actions { align-items: stretch; flex-direction: column; }.about-hero__actions .button { justify-content: center; width: 100%; }
    .workflow-line { grid-template-columns: 1fr 1fr; }.role-record { padding: 1.25rem; }

    .about-system-node--platform {
        padding: 1rem;
    }

    .project-detail summary {
        align-items: flex-start;
        flex-direction: column;
    }

    .project-detail > ul { padding-left: 2.2rem; }.focus-index span { flex: 1 1 9rem; }
}
@media (prefers-reduced-motion: reduce) {
    .about-page *, .about-page *::before, .about-page *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}