/* Parti comuni di pagina progetto e articolo: righe con inversione secca, link ai vicini. */
.et { display: block; }
.val { display: block; font-family: "Archivo", "Archivo ripiego", sans-serif; font-weight: 700; font-stretch: 75%; font-size: clamp(20px, 1.8vw, 32px); line-height: 1.08; text-transform: uppercase; }
.vicini { position: relative; padding-top: 2px; padding-bottom: 96px; }
.vicini::after { display: none; }
.vicini .filo { border-top: 2px solid var(--linea-forte); }
.vic { display: flex; flex-direction: column; justify-content: space-between; gap: 32px; min-height: 176px; padding: 20px 16px 20px 0; color: var(--ink); }
.vic-a { grid-column: 3 / 7; }
.vic-b { grid-column: 7 / 13; padding-left: 16px; }
.vic .val { font-size: clamp(30px, 4vw, 72px); font-stretch: 62%; line-height: 0.98; }
.vic .tit { font-size: clamp(24px, 2.4vw, 40px); line-height: 1.14; letter-spacing: -0.01em; }
.vic .et { display: flex; align-items: center; gap: 12px; }
.vic-riga { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.vic:active { background: var(--ink); color: var(--fondo); }
.vic:active :is(.et, .freccia) { color: inherit; }
@media (hover: hover) and (pointer: fine) {
  .vic:hover { background: var(--ink); color: var(--fondo); }
  .vic:hover :is(.et, .freccia) { color: inherit; }
}
.vic:focus-visible { outline: 2px solid var(--acc); outline-offset: -3px; }
@media (max-width: 43.75rem) {
  .vicini { padding-bottom: 64px; }
  .vic, .vic-b { min-height: 112px; padding: 16px 0; }
  .vic-a { border-bottom: 1px solid var(--linea); }
}