/* cnc.css: la pagina delle macchine CNC in rete (PIANO-PAGINE §4.7). Si carica DOPO shell.css e film.css: la scena e' il capannone (capannone.js, cnc.js); qui solo i testi. */
/* i caratteri di ERGANE, per il tabellone della scena (capannone.js) */
@font-face { font-family: "Fjalla One"; src: url("../fonts/fjalla-one-400.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Archivo"; src: url("../fonts/archivo-var.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }


/* ---------- le schede ---------- */
.cnc .eyebrow { font-weight: 650; color: var(--fg); margin-bottom: var(--s-2); }
.pts { list-style: none; margin-top: var(--s-3); display: grid; gap: .55rem; }
.pts li { position: relative; padding-left: 1.4rem; font-size: var(--t-base); line-height: 1.5; color: var(--fg-mute); text-wrap: pretty; }
.pts li::before { content: ''; position: absolute; left: 0; top: .62em; width: .55rem; height: .55rem; border-radius: 2px; background: var(--cyan); transform: rotate(45deg) scale(.8); }
/* le tre strade: il controllo e cosa ci passa. Le sigle dei collegamenti non ci sono piu' (gergo non spiegato): il segno a sinistra, lo stesso degli
   elenchi .pts, e' ciano dove la macchina e' in rete e ambra dove ha la sola porta seriale (passano i programmi, non lo stato) */
.ways { list-style: none; margin-top: var(--s-4); display: grid; gap: var(--s-3); }
.ways li { position: relative; padding: var(--s-3) 0 0 1.4rem; border-top: 1px solid rgb(245 243 238 / .12); }
.ways li::before { content: ''; position: absolute; left: 0; top: calc(var(--s-3) + .42em); width: .55rem; height: .55rem; border-radius: 2px; background: var(--cyan); transform: rotate(45deg) scale(.8); }
.ways li.ser::before { background: #f2b45a; }
.ways h3 { font-size: var(--t-base); font-weight: 700; line-height: 1.3; }
.ways p { font-size: var(--t-base); line-height: 1.5; color: var(--fg-mute); text-wrap: pretty; }
.erg-logo { display: block; width: min(13rem, 70%); height: auto; margin: var(--s-2) 0 var(--s-4); }
/* il segno di fine film (cnc.js: passato questo la scena sfuma e smette di disegnare) */
.cs-end { height: 1px; }

@media (prefers-reduced-motion: reduce) {
  .cnc-stage .iso { transition: none; }
}