/* Give evidence-heavy product tours enough room for the interface to be read. */
.portfolio-wide .portfolio-hero-grid {
  grid-template-columns: 1fr;
  gap: 40px;
}
.portfolio-wide .portfolio-hero-grid > div:first-child { max-width: 880px; }
.portfolio-wide .portfolio-hero h1 { max-width: 23ch; }
.portfolio-wide .portfolio-hero .portfolio-frame { width: 100%; max-width: 960px; }
.portfolio-wide .portfolio-workflow,
.portfolio-wide .portfolio-workflow:nth-child(odd) {
  grid-template-columns: 1fr;
  gap: 24px;
}
.portfolio-wide .portfolio-workflow-copy,
.portfolio-wide .portfolio-workflow:nth-child(odd) .portfolio-workflow-copy {
  order: 0;
  max-width: 82ch;
}
.portfolio-wide .portfolio-workflow h3 { margin-bottom: 14px; }
.portfolio-wide .portfolio-workflow p { margin-bottom: 0; }
.portfolio-wide .portfolio-frame figcaption a { color: var(--accent); text-decoration: underline; }
.portfolio-wide .portfolio-workflow.portfolio-workflow-portrait {
  grid-template-columns: minmax(0, 1fr) minmax(0, 340px);
  gap: 64px;
  align-items: center;
}
@media (max-width: 720px) {
  .portfolio-wide .portfolio-workflow.portfolio-workflow-portrait { grid-template-columns: 1fr; gap: 28px; }
}