/* Mobile density only. Desktop presentation is deliberately untouched. */
@media (max-width: 760px) {
  .hero { aspect-ratio:auto; padding:0 0 calc(clamp(230px, 65vw, 250px) + 16px); }
  .hero .copy { width:100%; padding-top:24px; }
  .hero h1 { margin-bottom:12px; }
  .hero .name { margin-bottom:2px; }
  .hero .art { top:auto; bottom:0; left:0; width:100%; height:clamp(230px, 65vw, 250px); }
  .hero .art video { object-fit:cover; object-position:right center; }
  .section.projects { padding-top:28px; }
  .project-group { margin-top:20px; }
  .project-group + .project-group { margin-top:32px; }
  .projects .project-row { padding:20px 0; gap:14px; }
  .project-row:not(:first-of-type) .site-carousel-viewport,
  #experiments .site-carousel-viewport { aspect-ratio:16/9; max-height:190px; }
  .project-overview .question { margin-top:10px; }
  .project-overview .status { margin-top:6px; }
  .project-overview .project-details { margin-top:10px; }
  .agents { margin-top:32px; padding:32px 0; }
  .agents h2 { font-size:var(--type-section); }
  .agents-intro { padding-bottom:20px; }
  .agents-intro p { margin-top:14px; }
  .agent-list { gap:16px; }
  .agents .agent-row { padding-top:16px; gap:10px; }
  .mobile-more-agents, .mobile-community { border-top:1px solid #c7cbbd; }
  .mobile-more-agents > summary, .mobile-community > summary { min-height:48px; padding:12px 0; cursor:pointer; font-size:var(--type-support); line-height:1.5; font-weight:600; }
  .mobile-more-agents[open] .agent-row { margin-bottom:18px; }
  .about { margin-top:28px; padding:24px 20px; }
  .about .section-grid { gap:16px; }
  .about-identity { min-height:0; display:flex; align-items:center; justify-content:space-between; gap:20px; }
  .about-portrait { width:72px; margin:0; flex-shrink:0; }
  .about h3 { margin-bottom:12px; }
  .about-actions { margin-top:12px; }
  .mobile-community { margin-top:16px; }
  .mobile-community .community-copy { font-size:var(--type-body); line-height:1.6; margin-top:12px; }
  .mobile-community .community-update { margin:16px 0 0; }
  .secondary-grid:has(> #community[hidden]) { display:none; }
  .contact { margin-top:20px; padding:26px 20px 30px; }
  .contact .section-grid { gap:12px; }
}