/* Homepage outcome images; same controls and copy as the approved foundation. */
.homepage-with-imagery .path-disclosure summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 13px;
  column-gap: 16px;
  row-gap: 0;
}
.homepage-with-imagery .path-summary-copy { display: contents; }
.homepage-with-imagery .path-image {
  grid-column: 1 / -1;
  grid-row: 1;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: 6px;
  display: block;
  margin-bottom: 22px;
}
.homepage-with-imagery .path-summary-copy h2 { grid-column: 1; grid-row: 2; }
.homepage-with-imagery .path-summary-copy p { grid-column: 1; grid-row: 3; }
.homepage-with-imagery .path-disclosure summary::after { grid-column: 2; grid-row: 2; }
@media (max-width: 800px) {
  .homepage-with-imagery .path-disclosure summary {
    grid-template-columns: minmax(0, 1fr) 88px 13px;
    column-gap: 12px;
    row-gap: 12px;
    align-items: center;
  }
  .homepage-with-imagery .path-image {
    grid-column: 2;
    grid-row: 1;
    width: 88px;
    height: 60px;
    aspect-ratio: 22 / 15;
    margin: 0;
  }
  .homepage-with-imagery .path-summary-copy h2 { grid-column: 1; grid-row: 1; margin: 0; }
  .homepage-with-imagery .path-summary-copy p { grid-column: 1 / -1; grid-row: 2; }
  .homepage-with-imagery .path-disclosure summary::after,
  .homepage-with-imagery .path-disclosure[open] summary::after {
    grid-column: 3;
    grid-row: 1;
    margin: 0 4px 0 0;
  }
}