/* Pagina «coming soon» del dominio pubblico (vetrina.py). Colori e caratteri da marchio.css.
   L'auto è SEMPRE intera: riquadro che prende lo spazio rimasto e immagine «contain» (le sfumature sono già nell'immagine). */
html, body { margin: 0; }
body.presto {
  background: var(--colore-notte); color: var(--colore-testo); font-family: var(--carattere-testo);
  height: 100vh; height: 100svh; min-height: 480px; display: flex; flex-direction: column; justify-content: center;
  overflow-x: hidden; box-sizing: border-box; padding-bottom: clamp(16px, 6vh, 80px);
  -webkit-text-size-adjust: 100%; text-size-adjust: 100%;
}
.presto main {
  flex: none; box-sizing: border-box; width: 100%; max-width: 900px; margin: 0 auto; text-align: center;
  padding: clamp(24px, 5vh, 80px) max(16px, env(safe-area-inset-left)) clamp(16px, 4vh, 48px);
}
.presto-logo { display: block; width: clamp(240px, 78vw, 560px); height: auto; margin: 0 auto clamp(22px, 5vh, 52px); }
.presto h1 {
  font-family: var(--carattere-titoli); font-weight: 400; text-transform: uppercase; letter-spacing: .06em;
  font-size: clamp(21px, 1.6vw + 14px, 46px); line-height: 1.2; margin: 0 0 clamp(10px, 2vh, 20px);
}
.presto p { font-size: clamp(15px, .5vw + 13px, 21px); line-height: 1.5; color: var(--colore-testo-2); margin: 0 auto; max-width: 34em; }
.presto-auto {
  /* altezza dal formato dell'immagine, ma si restringe se lo spazio non basta: l'immagine «contain» resta intera */
  flex: 0 1 auto; position: relative; min-height: 150px; width: 100%; max-width: 1600px; margin: 0 auto;
  aspect-ratio: 1520 / 864; margin-bottom: max(0px, env(safe-area-inset-bottom));
}
@media (max-width: 700px), (max-aspect-ratio: 1/1) { .presto-auto { aspect-ratio: 1230 / 620; } }
.presto-auto picture, .presto-auto img { position: absolute; inset: 0; width: 100%; height: 100%; }
.presto-auto img { object-fit: contain; object-position: 50% 50%; }

/* schermi grandi: un po' più di respiro per logo e titolo */
@media (min-width: 1800px) and (min-height: 1000px) { .presto-logo { width: 720px; } }

/* telefono in orizzontale (e finestre basse): testo a sinistra, auto a destra */
@media (max-height: 520px) and (min-aspect-ratio: 4/3) {
  body.presto { flex-direction: row; align-items: stretch; height: 100vh; height: 100svh; min-height: 0; padding-bottom: 0; }
  .presto main {
    width: 42%; max-width: none; margin: 0; padding: 16px 8px 16px max(20px, env(safe-area-inset-left));
    display: flex; flex-direction: column; justify-content: center;
  }
  .presto-logo { width: 100%; max-width: 360px; margin-bottom: 18px; }
  .presto h1 { font-size: clamp(18px, 2.6vw, 28px); }
  .presto p { font-size: 15px; }
  .presto-auto { flex: 1 1 0; margin: 0; margin-right: max(8px, env(safe-area-inset-right)); max-width: none; aspect-ratio: auto; }
}