/* Use consistent edge-to-edge thumbnails and uncropped images on project pages. */
#portfolio-grid[data-collection="selected"] .work-index-card figure,
#portfolio-grid[data-collection="selected"] .work-index-card.featured figure {
  height: auto;
  min-height: 0;
  aspect-ratio: 16 / 10;
  background: transparent;
}
#portfolio-grid[data-collection="selected"] .work-index-card figure img {
  object-fit: cover;
}
#portfolio-grid[data-collection="selected"] .work-index-card.featured {
  min-height: 0;
  align-items: center;
}
.showcase-case .case-lead-image { height: auto; margin: 0; }
.showcase-case .case-lead-image img { display: block; height: auto; object-fit: contain; }
.showcase-case .case-hero { min-height: 0; padding: clamp(48px, 6vw, 90px) var(--pad); }
.showcase-case .case-hero h1 { font-size: clamp(58px, 8vw, 128px); line-height: 1; margin: 28px 0; }
.showcase-case .archive-case-hero,
.showcase-case .arc-hero,
.showcase-case .batch-hero { display: flex; flex-direction: column; min-height: 0; }
.showcase-case .archive-case-feature { order: -1; min-height: 0; }
.showcase-case .archive-case-feature img { height: auto; max-height: none; }
.showcase-case .archive-case-heading { padding: clamp(48px, 6vw, 90px) var(--pad); }
.showcase-case .archive-case-heading h1 { line-height: 1; }
.showcase-case .arc-hero-image,
.showcase-case .batch-hero > img { position: static; display: block; height: auto; object-fit: contain; }
.showcase-case .arc-hero::after,
.showcase-case .batch-hero::after { display: none; }
.showcase-case .arc-hero-copy,
.showcase-case .batch-hero-copy { width: 100%; min-height: 0; padding: clamp(48px, 6vw, 90px) var(--pad); }
.showcase-case .arc-hero h1,
.showcase-case .batch-hero h1 { font-size: clamp(58px, 8vw, 128px); line-height: 1; }
.showcase-case .case-figure img,
.showcase-case .case-figure:first-child img { height: auto; max-height: none; object-fit: contain; }
.showcase-case .archive-case-grid { align-items: start; }
.showcase-case .showcase-application { display: block; margin: 0; padding: 0; border: 0; width: 100%; background: transparent; }
.showcase-case button.showcase-application { cursor: zoom-in; }
.showcase-case .showcase-application img { display: block; width: 100%; height: auto; object-fit: contain; }
.showcase-case .showcase-application figcaption,
.showcase-case .mockup-note { font-size: 14px; line-height: 1.5; }
.showcase-case .mockup-note { margin: 0; padding: 24px var(--pad); background: #fff; color: #666; }
.showcase-case .showcase-application-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
.showcase-case .showcase-application-grid button { display: block; width: 100%; border: 0; padding: 0; background: transparent; cursor: zoom-in; }
.showcase-case .showcase-application-grid img { display: block; width: 100%; height: auto; }
.showcase-case .batch-art-frame { padding: 0; background: transparent; box-shadow: none; }
.showcase-case .batch-art-frame img { height: auto; max-height: none; }
@media (max-width: 800px) {
  .showcase-case .showcase-application-grid { grid-template-columns: 1fr; }
  .showcase-case .case-hero h1,
  .showcase-case .arc-hero h1,
  .showcase-case .batch-hero h1 { font-size: clamp(46px, 10vw, 76px); }
}