/* LA TESTATA — il marchio senza la scritta accanto, più grande (Francesco, 19/10/2026: «solo logo ma più grande»;
   poi «il logo lo vedo, ma il resto no»: menu e «Disponibile» RESTANO, se ne va solo la scritta francesac.design).
   La fascia e i colori li fanno le classi del motore (su-carta · su-pietra · sul-nero), nelle pagine.
   Scorrendo in giù esce dall'alto; risalendo torna (src/barra.js). Entra con la curva della comparsa (out-expo,
   0,8 s), esce più svelta e accelerando (0,45 s): chi scorre in giù vuole spazio subito, chi risale lo ritrova piano.
   ⚠️ La transition rielenca color · background · border-color delle pagine: una più specifica cancella quelle che non nomina. */
.barra{transition:color .5s cubic-bezier(.16,1,.3,1),background .5s cubic-bezier(.16,1,.3,1),border-color .5s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.barra .marchio__logo{height:46px}
/* trasparente SOLO con la pagina in cima: appena si scende (anche sull'hero, dove il motore non mette classi) la fascia è carta */
html.barra-scesa body:not(.su-carta):not(.su-pietra):not(.sul-nero) .barra{color:var(--nero);background:var(--crema);border-color:var(--linea)}
html.barra-via .barra{transform:translateY(-100%);transition:color .5s cubic-bezier(.16,1,.3,1),background .5s cubic-bezier(.16,1,.3,1),border-color .5s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.55,0,.75,.2)}
@media (max-width:640px){.barra .marchio__logo{height:36px}}
/* meno movimento: niente corsa, solo una dissolvenza */
@media (prefers-reduced-motion:reduce){
  .barra{transition:color .5s,background .5s,border-color .5s,opacity .3s}
  html.barra-via .barra{transform:none;opacity:0;pointer-events:none;transition:color .5s,background .5s,border-color .5s,opacity .3s}
}
/* la voce della pagina in cui sei (src/build_sito.py, voci) */
.nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
/* il bottone «Scrivimi» della testata, uguale su tutte le pagine (Francesco, 21/10/2026: «l'header deve essere uguale su
   tutte le pagine»; prima fuori dalla home c'era «Disponibile»). Crema sul buio, nero sulla carta, arancio al passaggio */
.contatta{grid-column:3;justify-self:end;display:flex;align-items:center;gap:12px;padding:11px 16px;background:var(--arancio);color:var(--crema);transition:background .5s cubic-bezier(.16,1,.3,1),color .5s cubic-bezier(.16,1,.3,1)}
.contatta svg{transition:transform .6s cubic-bezier(.16,1,.3,1)}
/* «Scrivimi» arancio su ogni fondo (Francesco, 21/10/2026); al passaggio diventa nero */
.contatta:focus-visible{background:var(--nero);color:var(--crema)}
.contatta:focus-visible svg{transform:translateX(4px)}
@media (hover:hover){.contatta:hover{background:var(--nero);color:var(--crema)}.contatta:hover svg{transform:translateX(4px)}}
@media (max-width:640px){.contatta{padding:9px 13px;gap:10px}}
/* la testata sul telefono e sul tablet: solo marchio e menu, su TUTTE le pagine (21/10/2026: il Portfolio non aveva la regola e mostrava le voci col menu fuori schermo) */
@media (max-width:860px){.nav{display:none}.barra{grid-template-columns:auto 1fr auto}}