/* ==========================================================================
   SEZIONI · VISION
   Quattro colonne con numero da maglia in outline, bordo granata a sinistra.
   ========================================================================== */

.vision-grid { display: grid; gap: var(--space-5); }

.vision-card {
  position: relative;
  padding: var(--space-6);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.2));
  border-left: 3px solid var(--granata);
  border-top: 1px solid var(--granata-200);
}

.vision-card__num {
  font-family: var(--font-num);
  font-weight: 900;
  font-size: 3rem;
  line-height: 0.8;
  color: transparent;
  -webkit-text-stroke: 1.5px var(--oro-scuro);   /* oro scurito: leggibile su chiaro */
  margin-bottom: var(--space-3);
}

.vision-card h3 { color: var(--granata); margin-bottom: var(--space-3); }
.vision-card p { color: var(--ink-muted); }

@media (min-width: 768px) {
  .vision-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-6); }
}

@media (min-width: 1200px) {
  .vision-grid { grid-template-columns: repeat(4, 1fr); }
}