/* ---------- RESPONSIVE ---------- */
@media (max-width: 1024px) {
    .project-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .project-tags { display: none; }
    .about-strip { grid-template-columns: 1fr; }
    .about-cta > a { max-width: 190px; }
}

@media (max-width: 720px) {
    .topbar { padding: 0 16px; }
    .topbar-nav { display: none; }
    .brand { font-size: 15px; }
    .hero { padding: 24px 12px 48px; }
    .term-body { padding: 28px 16px 32px; }
    .term-title { display: none; }
    .jap-logo { width: min(240px, 100%); }
    .hero-split { grid-template-columns: 1fr; }
    .hero-split .jap-logo { margin: 0 auto; }
    .section-kicker { font-size: 19px; }
    .project-list { grid-template-columns: 1fr; }
    .about-strip { padding: 56px 20px; }
    .site-footer { flex-direction: column; align-items: start; }
}