/* Scoped to the legacy homepage news gallery; no build step required. */
.index-news { box-sizing: border-box; padding-inline: 20px; }
.index-news .news-hint { margin: 0 0 8px; text-align: left; }
.index-news .news-videos {
  display: flex; gap: 16px; overflow-x: auto;
  scroll-snap-type: x proximity; padding: 4px 0 20px;
  list-style: none; margin: 0; text-align: left;
}
.index-news .news-video {
  flex: 0 0 88%; min-width: 0; scroll-snap-align: center;
}
.index-news .news-video iframe,
.index-news .news-video video {
  display: block; width: 100%; aspect-ratio: 16 / 9;
  height: auto; border: 0; background: #000; object-fit: contain;
}
.index-news .news-video a {
  display: inline-flex; align-items: center; min-height: 44px;
  color: #A92300; text-decoration: underline;
}
.index-news .news-videos:focus-visible,
.index-news .news-video a:focus-visible { outline: 3px solid #A92300; outline-offset: -3px; }
.home-page .to-offer-page { padding: 24px 20px 32px; }
.home-page .to-offer-page > a { position: static; margin: 0 auto; }
@media (min-width: 768px) {
  .index-news .news-videos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
  .index-news .news-hint { display: none; }
}