.content-flow { display: flex; flex-direction: column; }
.panel { order: var(--order, 0); padding: var(--space-section) var(--pad); }
.section-head, .studio-intro, .process, footer { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: var(--grid-gap); }
.section-head > *, .studio-intro > *, .process > *, footer > * { min-width: 0; grid-column: 1 / -1; }
.section-head { row-gap: var(--space-3); margin-bottom: var(--space-major); }
.section-head .eyebrow, .studio-intro .eyebrow { margin: 0; }
.gallery-head > div { display: grid; gap: var(--space-2); }
.studio-intro { row-gap: var(--space-3); }
.metrics, .capabilities { display: grid; }
.capability { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: var(--grid-gap); }
.capability > * { min-width: 0; grid-column: 1 / -1; }
.process { row-gap: var(--space-2); }
@media (min-width: 48rem) {
  .capability { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .capability > b { grid-column: 1 / span 5; }
  .capability > span { grid-column: 7 / -1; }
}
@media (min-width: 64rem) {
  .section-head, .studio-intro, footer { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .reviews .section-head > .eyebrow { grid-column: 1 / span 3; align-self: start; }
  .reviews .section-head > h2 { grid-column: 5 / -1; }
  .gallery-head > div { grid-column: 1 / span 7; }
  .gallery-head > .section-note { grid-column: 9 / -1; align-self: end; }
  .studio-intro > .eyebrow, .studio-intro > h2 { grid-column: 1 / -1; }
  .studio-intro > .section-note { grid-column: 9 / -1; }
  footer > :first-child { grid-column: 1 / span 8; }
  footer > .footer-meta { grid-column: 10 / -1; }
}