/* Shared story artwork and text hierarchy across reader and creator galleries. */
.story-card.story-card--gallery {
  position: relative;
  display: block;
  min-width: 0;
  align-self: start;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid var(--ludio-line);
  border-radius: 12px;
  background: var(--home-gallery-color-scrim);
  text-decoration: none;
}
.story-card--gallery .story-card-art { display: grid; align-items: end; min-width: 0; }
.story-card--gallery .cover {
  grid-area: 1 / 1;
  align-self: start;
  width: 100%;
  border-radius: 0;
  box-shadow: none;
}
.story-card--gallery .cover :is(img, video),
.story-card--gallery .cover > .progressive-image { object-fit: contain; object-position: center top; }
.story-card--gallery .card-copy {
  position: relative;
  inset: auto;
  width: 100%;
  grid-area: 1 / 1;
  z-index: 1;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  padding: 8px 10px;
}
:is(.story-card--gallery, .story-gallery-caption) .card-copy :is(h3, p) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  overflow-wrap: anywhere;
  margin: 0;
}
:is(.story-card--gallery, .story-gallery-caption) .card-copy h3 { color: var(--home-gallery-color-title); font-size: .875rem; line-height: 1.3; font-weight: var(--home-gallery-weight-title); text-wrap: wrap; }
:is(.story-card--gallery, .story-gallery-caption) .card-copy p { min-height: 0; color: var(--home-gallery-color-title); font-size: .625rem; line-height: 1.4; font-weight: var(--home-gallery-weight-body); }
.story-card--gallery .story-card-status { position: absolute; inset-block-start: 8px; inset-inline-end: 8px; z-index: 2; width: max-content; max-width: calc(100% - 76px); }