/* RC88 · Evidenza della parola CULTURA.
   Serve a dire in un colpo d'occhio che questo non è l'ennesimo catalogo di
   video: è un luogo di cultura. L'evidenza è affidata al solo colore: stessa
   grandezza, stesso peso e stesso spaziato delle parole vicine, così la frase
   resta leggibile e la parola CULTURA risulta soltanto più luminosa. */

.culture-word {
  color: #b06f0a;
  font-weight: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  background: none;
}

/* Sui fondi scuri (hero, banner dell'archivio) il colore si accende:
   è lo stesso carattere, ma la parola brilla di luce dorata. */
.culture-word--gold,
main#top > .video-hero-header .culture-word {
  color: #ffdc9a;
  text-shadow: 0 0 16px rgba(255, 214, 130, .34);
}

/* Tema scuro: anche i titoli che normalmente stanno su fondo chiaro passano
   all'oro luminoso, altrimenti la parola sparirebbe nel fondo. */
html[data-theme="dark"] .culture-word {
  color: #ffdc9a;
  text-shadow: 0 0 16px rgba(255, 214, 130, .3);
}

/* Riga di apertura della Home: la parola CULTURA è la prima cosa che si legge,
   prima ancora del logo. Sfondo scuro della hero, quindi oro su scuro. */
main#top > .video-hero-header .home-heading-kicker-culture {
  position: relative;
  z-index: 1;
  margin: 0 0 12px;
  color: #ffd27a;
  font-size: clamp(10px, 1.5vw, 12.5px);
  letter-spacing: .22em;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .34);
}

@media (max-width: 700px) {
  main#top > .video-hero-header .home-heading-kicker-culture {
    margin-bottom: 9px;
    font-size: 9.5px;
    letter-spacing: .16em;
  }
}