/* Le Torri Suites — accanto alla Torre del Gombito.
   Le fotografie sono da rivista di interni: pietra medievale, pareti
   terracotta, travi. Il sito fa un passo indietro e le lascia parlare. */

:root{
  --carta:#f7f4ef;
  --carta-2:#ebe5db;
  --inchiostro:#221f1c;
  --inchiostro-2:#6b625a;
  --filo:rgba(34,31,28,.14);
  --filo-forte:rgba(34,31,28,.3);
  --accento:#a9502f;
  --accento-scuro:#833a1f;
  --accento-chiaro:#eee0d6;
  --su-accento:#f7f4ef;
  --titolo:'Instrument Serif',Georgia,'Times New Roman',serif;
  --testo:'Karla',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  --etichetta:'Karla',Arial,sans-serif;
  --raggio:0px;
  --raggio-grande:0px;
  --ombra:0 26px 54px -30px rgba(34,31,28,.55);
}

/* Nessun angolo arrotondato, spaziature ampie, titoli molto grandi:
   e' un'impaginazione da rivista, l'opposto della scheda-prodotto. */
h1,h2,h3,h4{font-weight:400;letter-spacing:-.015em;}
h2.grande{font-size:clamp(2.4rem,5.4vw,4.2rem);}
.apertura h1{font-size:clamp(2.9rem,8vw,6rem);letter-spacing:-.02em;}
.apertura{min-height:min(92vh,860px);}

.occhiello{letter-spacing:.3em;font-weight:500;}
.btn{letter-spacing:.16em;font-weight:500;font-size:.78rem;padding:16px 32px;}
.tacca{
  background:transparent;border:1px solid var(--filo-forte);
  color:var(--inchiostro-2);border-radius:0;font-weight:500;
}
.scheda{border-radius:0;}

/* La griglia delle camere e' asimmetrica: la foto prende piu' spazio del
   testo, come in un servizio fotografico. */
.unita{grid-template-columns:1.25fr .75fr;gap:60px;}
@media (max-width:900px){.unita{grid-template-columns:1fr;gap:28px;}}

footer.sito{background:#221f1c;}