/* Cover cards keep a designed ratio even when focus previews add height attributes. */
.album-card img { height:auto; }

@media (max-width:700px) {
  :is(#works,#stories,.block-projects) .album-cards {
    grid-template-columns:minmax(0,1fr);
    gap:14px;
    margin-top:24px;
  }
  :is(#works,#stories,.block-projects) .album-card {
    display:grid;
    grid-template-columns:minmax(0,2fr) minmax(0,3fr);
    grid-template-rows:auto 1fr;
    align-content:start;
    height:160px;
    padding:0;
    min-width:0;
  }
  :is(#works,#stories,.block-projects) .album-card img {
    grid-column:1;
    grid-row:1 / 3;
    width:100%;
    height:100%;
    max-height:none;
    aspect-ratio:auto;
    object-fit:cover;
  }
  :is(#works,#stories,.block-projects) .album-card h3 {
    grid-column:2;
    margin:20px 16px 8px;
    font-size:24px;
    line-height:1.15;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow-wrap:anywhere;
  }
  :is(#works,#stories,.block-projects) .album-card p {
    grid-column:2;
    align-self:start;
    margin:0 16px 16px;
    font-size:12px;
    line-height:1.7;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow-wrap:anywhere;
  }
  :is(#works,#stories,.block-projects) .album-card:not(:has(img)) {
    grid-template-columns:minmax(0,1fr);
  }
  :is(#works,#stories,.block-projects) .album-card:not(:has(img)) :is(h3,p) {
    grid-column:1;
  }
  .project-cards.layout-featured .album-card:first-child { grid-column:auto; }
  :is(#works,#stories) .managed-grid:not(.layout-large):not(.layout-masonry) {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  :is(#works,#stories) .managed-grid.layout-featured figure:first-child {
    grid-column:1 / -1;
  }
  :is(#works,#stories) .managed-grid.layout-featured figure:first-child img {
    aspect-ratio:4 / 3;
  }
  :is(#works,#stories) .managed-grid figcaption {
    padding:12px;
    font-size:19px;
    line-height:1.25;
    overflow-wrap:anywhere;
  }
  :is(#works,#stories,.custom-block) { margin-top:48px; }
  :is(#works,#stories) .section-head { margin-bottom:24px; }
}