/* Article covers keep their original proportions and full lettering. */
.news-item>a{grid-template-columns:minmax(240px,360px) minmax(0,1fr) 26px;gap:clamp(24px,3vw,44px);padding:36px 0;align-items:center}
.news-item>a:focus-visible{outline:1px solid var(--white);outline-offset:7px}
.news-thumbnail{position:relative;overflow:hidden;aspect-ratio:16/7;background:#1c1c20;border:1px solid #ffffff12}
.news-thumbnail img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .45s var(--ease)}
.news-content{min-width:0}
.news-meta{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 22px;padding:0;margin:0 0 14px;font-size:12px}
.news-meta>span{font-size:10px;letter-spacing:.05em;color:#b1b1b8}
.news-text h3{font-size:clamp(17px,1.45vw,21px);font-weight:500;line-height:1.85;overflow:visible;display:block}
.news-item>a:hover h3{transform:none}
.news-source{margin-top:15px;font-size:11px}
.news-arrow{font-size:25px;align-self:center;padding:0}
.news-item--text>a{grid-template-columns:minmax(0,1fr) 26px}
@media(hover:hover) and (pointer:fine){
  .news-item>a:hover{background:transparent}
  .news-item>a:hover .news-thumbnail img{opacity:.82}
  .news-item>a:hover .news-arrow{transform:translate(4px,-4px);color:var(--red)}
}
@media(max-width:1050px) and (min-width:701px){
  .news-item>a{grid-template-columns:minmax(200px,34vw) minmax(0,1fr) 22px;gap:24px}
  .news-item--text>a{grid-template-columns:minmax(0,1fr) 22px}
}
@media(max-width:700px){
  .news-item>a{grid-template-columns:minmax(0,1fr) 25px;gap:22px 18px;padding:28px 0 32px}
  .news-thumbnail{grid-column:1/-1;width:100%}
  .news-meta{gap:12px 20px;margin-bottom:12px}
  .news-text h3{font-size:17px;line-height:1.85}
  .news-source{margin-top:13px}
  .news-arrow{align-self:start;margin-top:31px}
}
@media(prefers-reduced-motion:reduce){.news-thumbnail img{transition:none}}
.motion-paused .news-thumbnail img{transition:none}