@media (max-width: 760px) {
  :root { --edge: 16px; --gutter: 8px; }
  body { padding-top: 16px; padding-bottom: 16px; }
  .site-header { grid-template-columns: repeat(5, minmax(0, 1fr)); row-gap: 24px; }
  .site-name { grid-column: 1 / span 2; grid-row: 1; margin-top: 0; }
  .copyright { grid-column: 3 / span 3; grid-row: 1; justify-self: end; text-align: right; margin-top: 0; width: max-content; white-space: nowrap; }
  .contact-links { grid-column: 1 / -1; grid-row: 2; }
  .profile-layout { display: flex; flex-direction: column; gap: 0; margin-top: 72px; }
  .short-bio { width: calc((100% + var(--gutter)) * 4 / 5 - var(--gutter)); }
  .long-bio { width: calc((100% + var(--gutter)) * 4 / 5 - var(--gutter)); margin-top: 72px; margin-left: auto; }
  .portfolio-panel { margin-top: 72px; width: 100%; }
  .right-content { width: 100%; margin-top: 72px; }
  .press-section { margin-top: 72px; }
  .panel-switch { cursor: pointer; }
  .index-row { column-gap: 2px; row-gap: 0; }
  .venture-row, .press-row, .thought-row, .article-summary { grid-template-columns: minmax(0, 1fr) max-content; }
  .venture-name, .press-name, .thought-name { grid-column: 1; grid-row: 1; }
  .row-description { grid-column: 1; grid-row: 2; }
  .row-meta { grid-column: 2; grid-row: 1; }
  .date-full { display: none; }
  .date-short { display: inline; }
  .excerpt-full, .title-full { display: none; }
  .excerpt-short, .title-short { display: inline; }
  .concealed-name { width: 100%; }
  .directory-viewport { width: calc(100% + var(--edge) * 2); margin-left: calc(-1 * var(--edge)); overflow: hidden; margin-top: 72px; touch-action: pan-y; }
  .directory-track { width: calc(100% - var(--edge) * 2); margin-left: var(--edge); display: flex; gap: var(--gutter); align-items: start; transition: transform 300ms ease-out; }
  .directory-track > .is-inactive a, .directory-track > .is-inactive button { pointer-events: none; }
  .directory-track > .portfolio-panel, .directory-track > .right-content { flex: 0 0 calc((100% + var(--gutter)) * 4 / 5 - var(--gutter)); margin-top: 0; }
  .directory-viewport[data-panel="thoughts"] .directory-track { transform: translateX(calc(-1 * (100% + var(--gutter)) * 3 / 5)); }
  .is-article .short-bio, .is-article .portfolio-panel { display: none; }
  .is-article .right-content { margin-top: 0; }
  .article-summary { column-gap: 16px; }
  .article-body { margin-top: 52px; }
  .article-block--body, .article-block--small { width: calc((100% + var(--gutter)) * 4 / 5 - var(--gutter)); }
  .article-block--wide { width: 100%; }
  .article-block--small :is(img, video, iframe) { width: 100%; max-width: 264px; }
}