body{
  margin: 0; /* evita bande/scroll inattesi */
  font-family: "League Spartan", sans-serif;
  font-optical-sizing: auto;
}

/* wrapper del video */
.video-bg {
  position: relative;
  min-height: 100dvh;   /* pieno viewport; cambia se ti serve un’altezza diversa */
  overflow: hidden;     /* taglia le eccedenze del video */
}

/* video che copre tutta la sezione */
.video-bg video {
  position: absolute;
  inset: 0;             /* top/right/bottom/left: 0 */
  width: 100%;
  height: 100%;
  object-fit: cover;     /* riempie mantenendo il ratio */
  object-position: center;
  z-index: 0;            /* sotto al contenuto ma sopra al background della sezione */
  pointer-events: none;  /* opzionale: non intercetta click */
}

/* contenuto sopra il video */
.video-bg .content {
  position: relative;
  z-index: 1;
  color: white;
  text-align: center;
}

/* il tuo titolo */
.logo_hero {
  font-family: "League Spartan", sans-serif;
  font-optical-sizing: auto;
  font-size: 96px;
  margin-bottom: 150px;
}

main {
    margin-bottom: 300px;
}

/* ✅ Assicurati che il <footer> sia FUORI da .video-bg */

/* Base & layout: sticky footer */
html, body { margin: 0; min-height: 100dvh; }
body{
  display: flex;
  flex-direction: column;
  font-family: "League Spartan", sans-serif;
  font-optical-sizing: auto;
}
main{
  flex: 1 1 auto;
  min-height: 0;
  padding-bottom: clamp(24px, 4vh, 64px); /* spazio prima del footer (facoltativo) */
}
footer{ margin-top: auto; }

/* Sezione video full-screen */
.video-bg{
  position: relative;
  min-height: 100dvh;
  overflow: visible; /* permette lo scroll oltre l’hero */
}
.video-bg video{
  position: absolute;
  inset: 0;               /* top/right/bottom/left: 0 */
  width: 100%;
  height: 100%;
  object-fit: cover;      /* riempie mantenendo il ratio */
  object-position: center;
  z-index: 0;
  pointer-events: none;   /* non intercetta i click */
}
.video-bg .content{
  position: relative;
  z-index: 1;
  color: #fff;
  text-align: center;
}

/* Titolo hero */
.logo_hero{
  font-family: "League Spartan", sans-serif;
  font-optical-sizing: auto;
  font-size: 96px;
  margin-bottom: 150px;
}