/* index.css */
.page-index{
  overflow-x: hidden;
  overflow-y: auto; /* oppure rimuovi completamente overflow */
}

/* Hero full screen */
.hero{
  position: relative;
  min-height: 100svh; /* migliore su mobile */
  width: 100%;
}

/* Video background */
.hero__video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Overlay per eleganza e leggibilità */
.hero__overlay{
  position: absolute;
  inset: 0;
  background: radial-gradient(
      circle at 50% 40%,
      rgba(251,250,247,.55),
      rgba(0,0,0,.12) 55%,
      rgba(0,0,0,.30)
    );
}

/* Contenuto centrato (logo) */
.hero__content{
  position: relative;
  z-index: 2;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 96px 16px 64px; /* lascia aria a header + lingua */
}

/* Contenuto centrato (logo) */
.hero__content{
  position: relative;
  z-index: 2;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 96px 16px 64px; /* aria per header e lingua */
}

/* Logo direttamente sopra il video (senza contenitore) */
.hero__logo{
  width: min(520px, 78vw);
  margin-top: -350px;
  height: auto;

  /* Migliora leggibilità senza box/container */
  filter:
    drop-shadow(0 0 10px rgba(255,255,255,.55))
    drop-shadow(0 18px 40px rgba(0,0,0,.35));

  /* opzionale: evita selezione/click involontari */
  user-select: none;
  pointer-events: none;
}


/* Lingua bottom-right */
.lang-switch{
  position: fixed;
  right: 18px;
  bottom: calc(18px + env(safe-area-inset-bottom));
  z-index: 60;

  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(31,35,40,.12);
  background: rgba(255,255,255,.55);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.lang-switch__link{
  font-size: 12px;
  letter-spacing: .08em;
  font-weight: 700;
  opacity: .78;
  text-decoration: none;
}
.lang-switch__link:hover{
  opacity: 1;
  text-decoration: none;
}
.lang-switch__link.is-active{
  opacity: 1;
  color: var(--primary);
}
.lang-switch__sep{
  opacity: .55;
}