.research-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:22px; }
.research-case { padding:24px; background:rgba(255,255,255,.035); border:1px solid var(--stroke); border-radius:18px; min-width:0; }
.research-case h3 { font-size:1.35rem; line-height:1.4; margin:16px 0; }
.research-case dl { margin:20px 0; }
.research-case dt { color:var(--text); font-weight:700; margin-top:16px; }
.research-case dd { margin:6px 0 0; color:var(--muted); line-height:1.75; }
.research-actions { display:flex; flex-wrap:wrap; gap:12px; }
.career-note { margin-top:24px; border-top:1px solid var(--stroke); padding-top:18px; color:var(--muted); }
.career-note h3 { color:var(--text); }
.project-logo { display:block; width:80px; height:80px; border-radius:16px; overflow:hidden; margin-bottom:18px; padding:0; background:transparent; }
.project-logo img { display:block; width:100%; height:100%; object-fit:contain; }
.project-logo:focus-visible { outline:2px solid var(--accent2); outline-offset:4px; }
@media(max-width:700px) {
  .research-grid { grid-template-columns:1fr; }
  .research-case { padding:20px; }
  .topbar-inner { flex-direction:column; align-items:flex-start; gap:8px; }
  .brand { min-width:0; }
  .brand .logo { flex-shrink:0; }
  .nav { justify-content:flex-start; gap:4px; }
  .nav a { padding:8px 9px; }
  .nav .cta { width:auto; padding:8px 10px; }
}