/* ==========================================================================
   EVENTI (eventi.html) — gli eventi organizzati da CDL, divisi in blocchi:
   Long Story Short in primo piano, le edizioni di Short Talks, gli altri
   ========================================================================== */

/* --------------------------------------------------------------------------
   Long Story Short in primo piano (la struttura è in components.css): la
   copertina è quasi tutta bianca, e sopra c'è il marchio nero come nella
   pagina dell'evento, senza velo.
   -------------------------------------------------------------------------- */
.primo-piano-copertina { background: #fff; }

.primo-piano-marchio {
  position: absolute;
  z-index: 1;
  left: clamp(1rem, 2.5vw, 2rem);
  bottom: clamp(1rem, 2.5vw, 2rem);
  width: clamp(120px, 19vw, 250px);
  height: auto;
}

/* --------------------------------------------------------------------------
   Short Talks si presenta col suo lettering invece che col titoletto del
   blocco. Il filetto corre fino al margine come nei titoletti.
   -------------------------------------------------------------------------- */
.blocco-marchio {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin: clamp(2.5rem, 5vw, 3.5rem) 0 calc(var(--spazio) * 1.5);
}

.blocco-marchio::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--riga);
}

.blocco-marchio img {
  width: auto;
  height: clamp(54px, 7vw, 84px);
}