/* Keep the desktop composition; make the biography readable on narrow screens. */
@media (max-width: 800px) {
  .about-section { padding: 30px 0 38px; }
  .about-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .about-content, .about-image { min-width: 0; }
  .about-content { order: 1; overflow-wrap: anywhere; }
  .about-image { order: 2; }
  .avatar-large { width: 156px; height: 156px; }
  .avatar-large .stickman-avatar { padding: 24px; }
  .about-facts-grid, .philosophy-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-fact, .philosophy-card { min-width: 0; }
  .about-fact { padding: 18px 10px; }
  .philosophy-card { padding: 24px 18px; }
}
@media (max-width: 560px) {
  .philosophy-grid { grid-template-columns: minmax(0, 1fr); }
}