/* Rectify portfolio presentation; scoped to the new card and case study. */
.rectify-card { margin-top: 40px; background: var(--panel); }
.rectify-card .featured-body { align-items: center; }
.rectify-card .project-kicker, .rectify-case .case-facts dt { color: #45614a; }
.rectify-card .project-status::before, .rectify-case .project-status::before { background: #45614a; }
.rectify-preview { min-width: 0; margin: 0; }
.rectify-preview-frame { padding: 18px; background: #dfe6de; border-radius: 16px 16px 4px 4px; }
.rectify-preview img { display: block; width: 100%; height: auto; border-radius: 7px; }
.rectify-preview figcaption { margin-top: 12px; color: var(--muted-2); font-size: .75rem; line-height: 1.7; }
.rectify-case .portfolio-intro { max-width: 470px; }
.rectify-note { max-width: 760px; color: var(--muted); font-size: .875rem; line-height: 1.8; }
.rectify-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 48px 40px; align-items: start; }
.rectify-gallery a { display: block; background: #f6f6f4; border-radius: 10px; }
.rectify-gallery img { aspect-ratio: auto; }
.rectify-gallery .rectify-wide { grid-column: 1 / -1; }
.rectify-gallery .rectify-wide img { aspect-ratio: auto; }
.rectify-workflow { margin: 56px 0 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.rectify-workflow li { padding-top: 20px; border-top: 1px solid var(--line-strong); }
.rectify-workflow span { color: #45614a; font-size: .75rem; }
.rectify-workflow h3 { margin: 18px 0 12px; font-size: 1.2rem; font-weight: 500; }
.rectify-workflow p { margin: 0; color: var(--muted); font-size: .9375rem; line-height: 1.75; }
@media (max-width: 760px) {
  .rectify-gallery { grid-template-columns: 1fr; gap: 32px; }
  .rectify-gallery img { aspect-ratio: auto; }
  .rectify-workflow { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 520px) {
  .rectify-preview-frame { padding: 10px; }
  .rectify-workflow { grid-template-columns: 1fr; gap: 28px; }
}

/* Keep overview previews compact; the linked original retains the complete screen. */
.rectify-preview img, .rectify-case .case-hero .case-shot-hero img { aspect-ratio: 4 / 3; object-fit: cover; object-position: top; }