/* Ritocchi al foglio di stile del sito — 15 agosto 2026
   ------------------------------------------------------------------
   Questo file NON sostituisce site-*.css: gli si mette dopo e corregge
   le poche regole che serve correggere. E' un file a parte perche' i file
   in /assets/ il server li fa tenere in memoria al browser per un anno
   (Cache-Control: max-age=31536000): modificando quello vecchio, chi e'
   gia' stato sul sito avrebbe continuato a vedere la versione di prima.
   Le pagine .html invece non si conservano mai, quindi il richiamo a
   questo file lo vedono tutti subito.

   Il difetto corretto, segnalato da Marco il 15 agosto 2026:
   «le immagini non si vedono tanto bene per via delle scritte».
   Sulle schede delle realizzazioni il titolo e' bianco sopra la foto. La
   velatura scura che lo staccava partiva pero' al 38% dell'altezza, e i
   titoli lunghi — che sono la norma: «Il valore del tempo: la cucina
   sartoriale in Marmo di Carrara e laccato opaco» — arrivavano ben sopra
   quel punto, finendo sul chiaro della foto. Da li' in su restava solo
   l'ombra del testo, che su un marmo bianco non basta.

   Due correzioni, tenute leggere: la velatura ora copre tutta la scheda
   partendo tenue, e la foto scende di un filo di luminosita'. Lo scopo e'
   far leggere il titolo senza spegnere la fotografia, che e' la cosa che
   vende. */

/* La velatura sopra la foto: tenue in alto, piena dove c'e' scritto. */
.card__media--has-image::after {
  background: linear-gradient(180deg,
      rgba(10, 10, 7, 0.22) 0%,
      rgba(10, 10, 7, 0.34) 28%,
      rgba(10, 10, 7, 0.60) 55%,
      rgba(10, 10, 7, 0.86) 78%,
      rgba(10, 10, 7, 0.95) 100%);
}

/* La fotografia: 0.82 -> 0.74. Poco, ma sui marmi chiari e sui laccati
   bianchi e' la differenza fra leggere e indovinare. */
.card__media img {
  filter: brightness(0.74) saturate(0.92);
}

/* L'ombra sotto le lettere, un po' piu' fitta e piu' stretta: la fitta
   stacca dal chiaro, la stretta disegna il bordo della lettera. */
.card__overlay-title {
  text-shadow:
    0 2px 20px rgba(0, 0, 0, 0.92),
    0 1px 4px rgba(0, 0, 0, 0.88);
}

.card__overlay-meta,
.card__overlay-cta {
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.92);
}

/* Sui telefoni la scheda e' piccola e il titolo occupa quasi tutto:
   li' la velatura parte ancora prima. */
@media (max-width: 720px) {
  .card__media--has-image::after {
    background: linear-gradient(180deg,
        rgba(10, 10, 7, 0.30) 0%,
        rgba(10, 10, 7, 0.44) 22%,
        rgba(10, 10, 7, 0.68) 48%,
        rgba(10, 10, 7, 0.88) 74%,
        rgba(10, 10, 7, 0.96) 100%);
  }
}