.media-related a{
  padding:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-width:0;
}
.media-related-thumb{
  aspect-ratio:16/9;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#18130f;
  border-bottom:1px solid var(--line);
  color:var(--crust);
}
.media-related-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .2s ease;
}
.media-related--devices .media-related-thumb{
  aspect-ratio:3/4;
  background:#eeeae4;
  padding:0;
}
.media-related--devices .media-related-thumb img{object-fit:cover}
.media-related a:hover .media-related-thumb img{transform:scale(1.025)}
.media-related-body{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:8px;
  padding:14px 16px 16px;
  min-height:88px;
}
.media-related .rn{line-height:1.35}
.media-related .rv{margin-top:0}

@media(max-width:900px){
  .media-related a{
    display:grid;
    grid-template-columns:132px minmax(0,1fr);
    min-height:104px;
  }
  .media-related-thumb{
    aspect-ratio:auto;
    height:100%;
    min-height:104px;
    border-right:1px solid var(--line);
    border-bottom:0;
  }
  .media-related-body{min-height:0;justify-content:center}
}
@media(max-width:480px){
  .media-related a{grid-template-columns:108px minmax(0,1fr)}
  .media-related-thumb{min-height:96px}
  .media-related-body{padding:12px 13px}
  .media-related a .rn{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .media-related-thumb img{transition:none}
}