/* =========================================================
   HOME MOBILE AUTOPLAY
   Video attivo anche su mobile.
   ========================================================= */

.hero{
  background:#0f2236 url('/assets/img/hero-poster.jpg') center center/cover no-repeat;
}

.hero__video{
  display:block!important;
}

@media (max-width:768px){

  .hero{
    position:relative!important;
    overflow:hidden!important;
    height:62vh!important;
    min-height:500px!important;
    background:#0f2236 url('/assets/img/hero-poster.jpg') center center/cover no-repeat!important;
  }

  .hero__video{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    opacity:1!important;
    filter:brightness(.88) contrast(1.04) saturate(.98);
  }

  .hero__video::-webkit-media-controls,
  .hero__video::-webkit-media-controls-start-playback-button{
    display:none!important;
    -webkit-appearance:none;
  }

  .hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(to bottom, rgba(0,0,0,.10), rgba(0,0,0,.30));
    pointer-events:none;
  }

  .hero__overlay{
    position:absolute!important;
    inset:0!important;
    z-index:2!important;
    pointer-events:none;
  }

  .hero__overlay svg{
    width:min(390px,70vw)!important;
    filter:drop-shadow(0 3px 12px rgba(0,0,0,.56));
  }

  .hero__tagline{
    font-size:clamp(17px,4.6vw,21px)!important;
    text-shadow:0 3px 12px rgba(0,0,0,.56);
  }
}