/* Hero della home: bolle (lava lamp) della Brand Guide dietro, hero a tutta altezza, iscrizione sotto il titolo larga come l'H1.
   Il resto della home resta quello attuale. Valori e canvas: identity.css e lava.js della Brand Guide. */
.hero { position: relative; clip-path: inset(0); min-height: calc(100svh - var(--altezza-barra, 4.5rem)); display: flex; flex-direction: column; justify-content: flex-end; }
.hero > .wrap { position: relative; z-index: 1; }
.lava-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100lvh; z-index: 0; }
.hero-layout { display: block; }
.hero-col { display: grid; width: fit-content; max-width: 100%; }
.hero-col > .hero-rotation, .hero-col > .newsletter-preview { width: 0; min-width: 100%; max-width: none; }
.hero-col > .newsletter-preview { margin-top: var(--sp-l); }
.hero-col > .hero-content { display: contents; }
.hero-col .hero-pill { justify-self: start; }
.hero { --altezza-barra: 5.25rem; }