/* Homepage default: rows. Set body data-project-layout="paired" to restore
   the previous equal-width, side-by-side composition from style.css. */
[data-project-layout] .project-grid { --project-column-gap: 64px }
[data-project-layout] .project-copy { display: contents }
[data-project-layout] .project-copy>p { font-size: 14px; color: var(--mid); max-width: 475px }
[data-project-layout] .project-copy>.text-link { font-size: 12px; margin-top: 18px }
[data-project-layout=rows] .project-grid { display: block }
[data-project-layout=rows] .project-notes { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: var(--project-column-gap); align-items: center }
[data-project-layout=rows] .project-cards { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(0,.6fr); gap: var(--project-column-gap); align-items: center; padding-top: 0; margin-top: var(--project-gap) }
[data-project-layout=rows] .project-copy { display: block; min-width: 0 }
[data-project-layout=rows] .project-copy>.project-meta { margin-top: 0 }
@media(max-width:1150px) {
  [data-project-layout] .project-grid { --project-column-gap: 45px }
}
@media(max-width:850px) {
  [data-project-layout] .project-grid { --project-column-gap: 30px }
  [data-project-layout] .project-copy>p { font-size: 13px }
}
@media(max-width:600px) {
  [data-project-layout=rows] .project-notes,[data-project-layout=rows] .project-cards { display: block }
  [data-project-layout=rows] .project-copy>.project-meta { margin-top: 19px }
  [data-project-layout] .project-copy>p { max-width: 340px }
  [data-project-layout] .project-copy>.text-link { margin-top: 16px }
}