/* ==========================================================================
   Mockup — 208:4433 · responsive
   PROVVISORIO. Il mockup mobile non esiste: ogni valore qui e una mia scelta
   di riflusso. REGOLA INVIOLABILE: nessuna riga fuori da @media.

   A >= 1512 la sezione e identica al mockup: 1512 x 880, filigrana al 20% e
   fotografia a copertura piena.

   L'unica cosa che cede e l'ALTEZZA. Gli 880px sono l'altezza del disegno,
   non una misura di layout: su un telefono largo 375 un box alto 880 sarebbe
   due schermi e mezzo di una foto sola. Da qui in giu l'altezza segue la
   larghezza con lo stesso rapporto del mockup (1512/880 = 1.718), cosi la
   fotografia si vede intera e in proporzione invece di essere ritagliata.
   ========================================================================== */

@media (max-width: 1511px) {
  .mockup {
    width: 100%;
    height: auto;
    aspect-ratio: 1512 / 880;
  }
}