/* RC88 · Banner Archivio Video dentro il box Cultura.
   Il banner rosso è il primo elemento del riquadro Cultura: occupa tutta la
   larghezza e resta il richiamo più evidente della sezione. I margini esterni
   del banner vengono azzerati perché il bordo arrotondato del riquadro fa da
   cornice; sopra resta un filetto dorato che lo stacca dalla testata. */
main#top > .culture-compass > .archive-banner-new {
  width: 100%;
  margin: 0;
  border: 0;
  border-top: 3px solid #d49a3a;
  border-bottom: 1px solid rgba(255, 220, 164, .35);
  border-radius: 24px 24px 0 0;
  box-shadow: 0 18px 44px rgba(91, 8, 31, .3), 0 1px 0 rgba(255, 255, 255, .18) inset;
}

main#top > .culture-compass > .archive-banner-new .archive-banner-new-hit {
  padding: clamp(15px, 2.2vw, 22px) clamp(16px, 3.2vw, 36px);
}

main#top > .culture-compass > .archive-banner-new .archive-banner-new-title {
  font-size: clamp(1.5rem, 3.4vw, 2.3rem);
}

@media (max-width: 720px) {
  main#top > .culture-compass > .archive-banner-new {
    border-radius: 20px 20px 0 0;
  }

  main#top > .culture-compass > .archive-banner-new .archive-banner-new-hit {
    padding: 13px 15px;
  }
}

@media (prefers-reduced-motion: reduce) {
  main#top > .culture-compass > .archive-banner-new .archive-banner-new-hit,
  main#top > .culture-compass > .archive-banner-new .archive-banner-new-art,
  main#top > .culture-compass > .archive-banner-new .archive-banner-new-arrow {
    transition: none;
  }
}