/* La testata resta in cima mentre si scorre la pagina: sparisce quando si
   scende, torna appena si risale, così il menu è sempre a portata senza
   coprire il contenuto. Lo comanda assets/testata.js.
   Il contenitore si chiama .pag, tranne in home dove si chiama .home.
   È un foglio a parte, caricato da tutte le pagine dopo il loro: quattro
   pagine (home, Cantieri, Privacy, Richiesta) hanno ancora una copia propria
   del guscio, e così la regola vale per tutte senza toccarle una per una. */
/* Il contenitore della pagina taglia ciò che sborda di lato con overflow-x:
   hidden, che però impedisce alla testata di restare ferma. «clip» taglia
   allo stesso modo senza bloccarla. Dove non è supportato vale ancora
   «hidden»: la testata scorre via come prima, e niente si rompe. */
.pag, .home { overflow-x: clip; }
.pag .hdr, .home .hdr { position: sticky; top: 0; z-index: 40; transition: transform 0.28s ease; }
.pag .hdr.hdr-via, .home .hdr.hdr-via { transform: translateY(-100%); }
@media (prefers-reduced-motion: reduce) {
  .pag .hdr, .home .hdr { transition: none; }
}
/* con il menu del telefono aperto la testata può essere più alta dello
   schermo: scorre al suo interno, così l'ultima voce resta raggiungibile */
.hdr.menu-aperto { box-sizing: border-box; max-height: 100vh; max-height: 100dvh; overflow-y: auto; overscroll-behavior: contain; }