/* matcovschi.it — variante editoriale del design system "Circuito".
   Da caricare DOPO style.css. Più navy, titoli più grandi, tono biografico. */

:root {
  --paper: #F4F7FB;
  --container: 1080px;
}

h1 { font-size: clamp(2.4rem, 5.6vw, 4.2rem); letter-spacing: -0.02em; }
h2 { font-size: clamp(1.7rem, 3.4vw, 2.6rem); }

/* Hero più alto e solenne */
.hero { padding: clamp(5rem, 11vw, 8.5rem) 0 clamp(4rem, 8vw, 6.5rem); }
.hero .lead { font-size: clamp(1.1rem, 1.9vw, 1.32rem); }

/* Grandi citazioni / statement biografici */
.statement {
  font-family: var(--font-display); font-weight: 700;
  font-size: clamp(1.35rem, 2.6vw, 1.9rem); line-height: 1.35;
  color: var(--navy-950); max-width: 30ch;
  padding-left: 1.2rem; border-left: 4px solid var(--gold-500);
  margin: 2rem 0;
}
.section--navy .statement { color: var(--white); }

/* Timeline biografica */
.timeline { list-style: none; padding: 0; margin: 2rem 0 0; position: relative; }
.timeline::before {
  content: ""; position: absolute; left: 7px; top: 6px; bottom: 6px;
  width: 2px; background: linear-gradient(var(--blue-500), var(--gold-500));
}
.timeline li { position: relative; padding: 0 0 2rem 2.2rem; }
.timeline li::before {
  content: ""; position: absolute; left: 0; top: 6px;
  width: 16px; height: 16px; border-radius: 50%;
  background: var(--paper); border: 3px solid var(--blue-600);
}
.timeline li:last-child { padding-bottom: 0; }
.timeline li:last-child::before { border-color: var(--gold-500); }
.timeline .t-label {
  font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--blue-700);
}
.timeline h3 { margin: 0.25rem 0 0.35rem; }
.timeline p { color: var(--muted); margin: 0; max-width: 62ch; }

/* Scheda progetto (per pagina progetti) */
.project-card .mono-tag {
  font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--gold-500);
}

/* Press kit: righe dato */
.data-row {
  display: flex; gap: 1rem; justify-content: space-between; align-items: baseline;
  padding: 0.85rem 0; border-bottom: 1px solid var(--line);
}
.data-row dt { font-family: var(--font-mono); font-size: 0.8rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.data-row dd { margin: 0; font-weight: 600; color: var(--navy-950); text-align: right; }