/* Famidi website artwork contract: famidi-web-fullframe-v1 (2026-10-21).
 * Keep the full composition visible; captions and links occupy their own row.
 * Scoped to generated field-note artwork, not unrelated program imagery.
 */
.home-hero .home-hero-media {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-self: center;
  min-height: 0;
  margin-top: 0;
  background: var(--ink, #172c26);
  border-radius: 18px;
  box-shadow: var(--shadow);
  overflow: hidden;
}
.home-hero .hero-photo {
  grid-column: 1 / -1;
  position: relative;
  inset: auto;
  height: auto;
  min-height: 0;
  aspect-ratio: auto;
  border-radius: 0;
  box-shadow: none;
}
.home-hero .hero-caption {
  grid-column: 1;
  grid-row: 2;
  position: static;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 20px;
  border-radius: 0;
  box-shadow: none;
}
.home-hero .hero-story-link {
  grid-column: 2;
  grid-row: 2;
  position: static;
  align-self: start;
  width: 44px;
  height: 44px;
  margin: 18px 16px 18px 0;
}
.home-hero .hero-photo img,
.home-hero .hero-photo:hover img,
body.single-famidi_field_note .story-lead-image img,
body.single-famidi_field_note .story-lead-image:hover img,
.field-note-card .field-note-image img,
.field-note-card .field-note-image:hover img {
  display: block;
  position: static;
  inset: auto;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  transform: none;
}
body.single-famidi_field_note .story-lead-image {
  height: auto;
  min-height: 0;
  aspect-ratio: auto;
  border-radius: 18px;
}
.field-note-card .field-note-image,
.field-journal-grid .field-note-card:not(.field-note-featured) .field-note-image {
  display: block;
  height: auto;
  min-height: 0;
  align-self: center;
  background: var(--paper, #f7f7f1);
}
.field-note-card .field-note-source {
  display: block;
  position: static;
  margin: 0;
  padding: 12px 16px;
  border-radius: 0;
  background: var(--ink, #172c26);
}
@media (max-width: 580px) {
  .home-hero .hero-caption { padding: 16px; }
  .home-hero .hero-caption p { font-size: 14px; line-height: 1.55; }
  .home-hero .hero-story-link { margin: 14px 12px 14px 0; }
}