/* Chi sono: la rete «un problema in tre pezzi», l'esperienza con i marchi, i tre valori. */
.m-0 {
  left: 0;
  top: 100px;
}
.m-1 {
  left: 212px;
  top: 0;
}
.m-2 {
  left: 212px;
  top: 100px;
}
.m-3 {
  left: 212px;
  top: 200px;
}
.m-4 {
  left: 424px;
  top: 100px;
}

/* 02 · Esperienza: una lastra alta, a due colonne, senza rete */
.caso.alto {
  display: block;
  height: auto;
  padding: 48px 56px;
}
.esperienza {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: start;
}
.marchi {
  margin-top: 26px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-3-piccolo);
}
.cifra {
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-3-piccolo);
}

/* 03 · Oggi: i tre valori, ognuno col pallino del suo colore */
.valori {
  margin-top: 22px;
  display: grid;
  gap: 10px;
}
.valore {
  display: flex;
  gap: 12px;
  align-items: baseline;
  font-size: 18px;
  color: var(--text);
}
.valore b {
  font-weight: 600;
}
.valore i {
  flex: none;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--tint);
  transform: translateY(-2px);
}

.casi {
  margin-top: 65px;
}
.invito {
  margin-top: 63px;
}