/* Portrait layout system: section headings first, explanatory copy below. */
@media (max-width: 900px) {
  .section-head { display: block !important; align-items: initial; }
  .section-head > p { margin: 12px 0 0; max-width: 680px; }
  .section-head h2 { margin-bottom: 0; }
  .hero-grid, .intro-grid, .split { grid-template-columns: minmax(0, 1fr) !important; }
}