/* One continuous row, with a common photographic horizon regardless of card count. */
main .photo-discovery-grid,
.article-cinema .lh-mag .article-related-grid[data-related-count],
.article-cinema .lh-mag .article-related-grid{
 display:grid!important;grid-template-columns:none!important;grid-template-rows:auto!important;grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important;gap:24px!important;align-items:start!important;
}
main .photo-discovery-grid>a:nth-child(n),
.article-cinema .lh-mag .article-related-grid>a:nth-child(n){grid-column:auto!important;grid-row:1!important;min-width:0!important}
main .photo-discovery-grid .discovery-photo,
.article-cinema .article-related-card[data-artwork-kind] .article-related-media,
.article-cinema .article-related-media{height:clamp(190px,22vw,300px)!important;aspect-ratio:auto!important;margin-bottom:20px}
main .photo-discovery-grid .lh-nav-title,
.article-cinema .article-related-card :is(.related-title,.cluster-title,h3){font-size:clamp(24px,2.2vw,32px)!important}
@media(max-width:760px){
 main .photo-discovery-grid,
 .article-cinema .lh-mag .article-related-grid[data-related-count],
 .article-cinema .lh-mag .article-related-grid{grid-template-columns:none!important;grid-auto-columns:min(78vw,340px)!important;gap:20px!important;overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:0;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#a68a7b #e5dbce;padding-bottom:16px!important;-webkit-overflow-scrolling:touch}
 main .photo-discovery-grid>a:nth-child(n),
 .article-cinema .lh-mag .article-related-grid>a:nth-child(n){scroll-snap-align:start}
 main .photo-discovery-grid .discovery-photo,
 .article-cinema .article-related-card[data-artwork-kind] .article-related-media,
 .article-cinema .article-related-media{height:250px!important}
 main .photo-discovery-grid .lh-nav-title,
 .article-cinema .article-related-card :is(.related-title,.cluster-title,h3){font-size:27px!important}
}
/* Shared text axes: remove inherited centred flex alignment on the spa cards. */
main .photo-discovery-grid>a:nth-child(n){align-items:stretch!important;justify-content:flex-start!important;text-align:left!important}
main .photo-discovery-grid>a>:is(.lh-nav-k,.lh-nav-title,.lh-nav-note){width:100%;text-align:left!important;box-sizing:border-box}
main .photo-discovery-grid .lh-nav-k{min-height:var(--discovery-k-height,0px)}
main .photo-discovery-grid .lh-nav-title{min-height:var(--discovery-title-height,0px)}
.article-cinema .article-related-card :is(.related-k,.cluster-k){min-height:var(--discovery-k-height,0px)}
.article-cinema .article-related-card :is(.related-title,.cluster-title,h3){min-height:var(--discovery-title-height,0px)}
/* Hover keeps the text axes stable; only the photograph and colour respond. */
main .photo-discovery-grid .lh-nav-title{transform:none!important}
