/* LATTICE · /genesi — il manifesto del Blocco #0.
   Poche regole: il resto del vestito arriva da trasparenza.css. Qui c'è solo ciò che
   serve a una frase che deve stare in piedi da sola, anche in uno screenshot. */
.manifesto{margin-top:34px;padding:44px 38px;border:1px solid rgba(57,224,166,.34);border-radius:20px;
  background:radial-gradient(130% 150% at 0% 0%,rgba(57,224,166,.10),transparent 62%),#060708;position:relative;overflow:hidden}
.manifesto::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:3px 3px}
.manifesto .kick{position:relative;z-index:1;font-family:var(--mono);font-size:11px;letter-spacing:.26em;
  text-transform:uppercase;color:var(--acc);display:flex;align-items:center;gap:8px}
.manifesto blockquote{position:relative;z-index:1;margin:26px 0 0;font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(23px,4.4vw,52px);line-height:1.28;letter-spacing:-.015em;color:#f4f7f6;text-wrap:balance}
.manifesto figcaption{position:relative;z-index:1;margin-top:28px;padding-top:18px;border-top:1px solid var(--line);
  font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--faint);
  display:flex;flex-wrap:wrap;gap:6px 12px}
.trad p{color:var(--dim);font-size:16px;line-height:1.6;margin-top:8px}
.cmd{margin-top:16px;padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);
  font-size:12px;line-height:1.85;color:var(--dim);overflow-x:auto;white-space:pre}
.cmd b{color:var(--acc);font-weight:400}
a.btn{display:inline-flex;align-items:center;text-decoration:none}
a.btn:hover{opacity:1}
.nodo-riga{font-family:var(--mono);font-size:12px;color:var(--faint);margin-top:6px;word-break:break-all}
.nodo-riga b{color:var(--ink);font-weight:400}
@media (max-width:600px){ .manifesto{padding:30px 22px} }