/* Frame the existing source photographs without redrawing their contents. */
.ml-news-frame{display:block;width:100%;height:100%}

/* Keep pagination's fade separate from the card's hover movement. */
.ml-news-card{
  transform:translateY(0)!important;
  transition:border-color .35s ease,box-shadow .4s ease,transform .4s ease!important;
}
.ml-news-card.ml-pagination-enter{animation:mlNewsFadeIn .28s ease both}
@keyframes mlNewsFadeIn{
  from{opacity:0}
  to{opacity:1}
}
.ml-news-card:hover{
  transform:translateY(0)!important;
  box-shadow:0 16px 42px rgba(8,44,79,.065);
}
.ml-news-card:hover figure img{transform:none}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .ml-news-card:hover{transform:translateY(-2px)!important}
}

@supports (width:1cqw){
  .ml-news-card figure{container-type:size;background:#eef0f1}
  .ml-news-card .ml-news-frame{
    position:absolute;
    left:50%;top:50%;
    width:max(100cqw,calc(100cqh * var(--frame-ratio)));
    height:max(100cqh,calc(100cqw / var(--frame-ratio)));
    overflow:hidden;
    transform:translate(-50%,-50%);
    transition:transform .65s ease;
  }
  .ml-news-card .ml-news-frame--contain{
    width:min(90cqw,calc(90cqh * var(--frame-ratio)));
    height:min(90cqh,calc(90cqw / var(--frame-ratio)));
  }
  body:not(.home-modern) #content .ml-news-card .ml-news-frame img{
    position:absolute;
    inset:auto;
    left:var(--source-left);top:var(--source-top);
    width:var(--source-width);
    height:var(--source-height)!important;
    max-width:none;
    object-fit:fill;
    transform:none!important;
  }
  @media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
    .ml-news-card:hover .ml-news-frame--cover{transform:translate(-50%,-50%) scale(1.01)}
  }
}

@media (prefers-reduced-motion:reduce){
  .ml-news-card,.ml-news-card:hover{transform:none!important;transition:none!important}
  .ml-news-card.ml-pagination-enter{animation:none}
  .ml-news-card .ml-news-frame,.ml-news-card figure img{transition:none!important}
}