/* =====================================================================
   raziel.news — custom-v11-citazione.css
   La citazione dell'agente nel banner, in corsivo.

   Il corsivo è reale, non sintetizzato: il carattere dei titoli
   (Newsreader, custom-v8) è istanziato in un solo peso dritto, quindi il
   browser lo inclinerebbe a forza. Qui c'è il corsivo vero della stessa
   famiglia, istanziato (peso 600, corpo ottico 24) e ristretto ai caratteri
   usati: 24,8 KB, caricato solo dove serve.

   File nuovo e non modifica di v8/v10: Cloudflare serve gli asset statici
   per nome dalla cache (vedi skill hugo-editorial).
   ===================================================================== */

@font-face{
  font-family:'Newsreader Corsivo';
  src:url('/fonts/newsreader-corsivo.woff2') format('woff2');
  font-weight:600;
  font-style:italic;
  font-display:swap;
}

/* La riga verticale a sinistra marca la citazione come tale senza usare le
   virgolette, che in un banner alto due righe appesantiscono.
   Selettore con due classi: custom-v4-banner-v3.css ha `.home-banner p`
   (0,1,1), che a pari specificità batterebbe `.home-banner__citazione`
   (0,1,0) su colore e corpo del carattere. */
.home-banner .home-banner__citazione{
  position:relative;
  margin:.9em 0 0;
  padding-left:.95em;
  max-width:46rem;
  font-family:'Newsreader Corsivo',Georgia,'Times New Roman',serif;
  font-style:italic;
  font-weight:600;
  font-size:clamp(1.06rem,2.2vw,1.3rem);
  line-height:1.35;
  letter-spacing:0;
  color:#f4f4f8;
  text-shadow:0 1px 2px rgba(0,0,0,0.80);
}

.home-banner__citazione::before{
  content:'';
  position:absolute;
  left:0;
  top:.16em;
  bottom:.16em;
  width:2px;
  background:currentColor;
  opacity:.5;
}