/* Scroll-driven, symmetric arc. Mobile uses the original smaller arc height. */
.news-listing-page .news-listing {
  --news-arc-height: min(11vw, 211px);
  border-radius: 50% 50% 0 0 / calc(var(--news-arc-height) * var(--news-arc-progress, 1)) calc(var(--news-arc-height) * var(--news-arc-progress, 1)) 0 0;
}
@media (max-width: 1100px) {
  .news-listing-page .news-listing { --news-arc-height: 90px; }
}
@media (max-width: 600px) {
  .news-listing-page .news-listing { --news-arc-height: 55px; }
}