/* Mobile-only reading flow. Desktop styles and layout are preserved. */
@media (max-width: 720px) {
  .hero {
    row-gap: 24px;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .hero-person { display: none; }
  .hero-visual { margin-top: 0; margin-bottom: 0; }
  .portrait-frame { height: clamp(330px, 90vw, 470px); }
  .portrait-frame > img { object-position: center 5%; }

  .hero-actions {
    position: relative;
    z-index: 3;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }

  .hero-actions > .button { width: 100%; justify-content: space-between; }
  .hero-actions > .text-link { align-self: center; padding-top: 0; }

  .hero-foot {
    position: relative;
    inset: auto;
    width: 100%;
    margin-top: 4px;
    padding-top: 20px;
    border-top: 1px solid var(--line);
  }

  html[data-profile-flow="mobile"] .about-grid { flex-direction: column; }
  .experience-strip { grid-template-columns: 1fr; gap: 21px; }
  .experience-strip > .small-caps { max-width: none; margin: 0; }
  .experience-strip > div + div { padding-top: 18px; border-top: 1px solid var(--line); }

  .ventures-grid { gap: 36px; }
  .venture-card { display: flex; flex-direction: column; }
  html[data-profile-flow="mobile"] .venture-info { padding: 0 2px 18px; }
  .venture-visual { height: 240px; flex: none; }
}